无法在图像div周围插入方框

Question

我试着在一个盒子里插入一张图片(图片中间的那个)，如下图所示：

​

我有下面的代码：

 <div id="img-div">
        <img src="/images/NelsonM.JPG" alt="Nelson">
        <figcaption>Nelson Mandela</figcaption>
    </div>

我的css是：

    #img-div {
      text-align: center;
     
    }

图片是居中的，但是我不能按照上面的图片放一个方框。有什么提示吗？

Answer 1

如果我理解正确的话，您只需要在父div周围画一个边框即可。

#img-div {
  border: 1px solid grey;
}

Answer 2

这是答案！！哇：

element.style.display = 'grid'
element.style.alignContent = 'center