javascript - 无法在图像 div 周围插入框

Question

我正在尝试根据下图将图像插入框中（图片中的中间）：

我有以下代码：

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

我的CSS是：

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

图像确实到了中心，但我无法按照上图放置一个盒子。请有任何提示

标签： javascripthtmlcsscss-selectors

Answer 1

如果我理解正确，您只需要在带有边框的父 div 周围绘制一个框。

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