html - 如何在不破坏布局的情况下在图像周围添加边框？

Question

图片html：

<img alt="" src="UserFiles/Image/galerie/12970854473D-Eco-60.jpg">

当我添加border: 2px solid black;到图像时

布局中断...

score 4 · Accepted Answer

我能看到的唯一直接解决您问题的方法是

outline: 2px solid black

这是布局中性的。但是，它在 IE < 8 中不起作用。

score 3 · Accepted Answer

作为记录，另一种选择：

border: 2px solid black;
margin:-2px;

首先向所有边添加 2px，然后以负边距将它们拉回。

score 2 · Accepted Answer

您可以使用 CSS Clip，并在剪切的图像周围应用边框；

我尝试使用边距：-2px，但它对我不起作用。

警告，CSS 剪辑非常反直觉，虽然它与边距和填充有相似的简写，但与边距或填充相比，它的像素值分配截然不同。

这里有一些有用的链接；

3 回答 3