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

地点：

图片html：

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

当我添加

边框时：2倍纯黑到图像

布局中断…
我能看到的解决您问题的唯一直接方法是

outline: 2px solid black

这是布局中性的。但是，它在IE<8中不起作用。
作为记录，另一种选择是：

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

首先向所有边添加2px，然后使用负边距将它们拉回来。
您可以使用CSS剪辑，并在剪裁图像周围应用边框

我尝试使用margin:-2px，但它对我不起作用

警告，CSS剪辑是非常反直觉的，虽然它在边距和填充上有相似的速记，但它的像素值分配与边距或填充非常不同

这里有一些有用的链接

包括轮廓线和负边距固定

CSS剪辑

谢谢你，回答得很好。