Css “包装”；“内联块”；图像周围的div

我需要一个“display:inline block；”（notdisplay:block；）div围绕这样的图像：

`<div style="display:inline-block;"><img src="#" /></div>`

``

---

结果是div比图像大。我可以将它环绕在图像上，使其具有相同的高度和宽度吗？（不设置尺寸）。

只需添加

垂直对齐：顶部至

CSS

.wimg{
    display:inline-block;
}

img{
    vertical-align: top;
}

额外的空白是由于CSS如何将元素放置在内容行框的基线周围

如果对图像应用
display:block
，则可以获得所需的“收缩到合适”效果

将
垂直对齐：{top | bottom}
应用于图像的另一种方法也有效


div{
显示：内联块；
边框：1px点蓝色；
}
部门经理{
显示：块；
}

您是否尝试过
垂直对齐：顶部带
显示：内联块它可以工作！！非常感谢……）我提出了上面的解决方案。注意使用
垂直对齐：底部也可以。注意
显示：块
是毫无疑问的。OP希望
div
不是
显示：块
。我对图像应用了
display:block
。