css 在所有浏览器上图像周围的相等边框

Question

我试图在图像周围放置一个实线边框，但图像周围的间距在 IE 和其他浏览器中会有所不同，并且在所有 4 个边上都不一致。

 <div style="float:right; border:1px solid #666666; padding: 2px;2px;2px;2px;">
 <img src="images/image.jpg" alt="mining"/>
 </div>

Answer 1

只是图像是..图像。添加 display: block; 到 img 将解决您的问题。

http://jsfiddle.net/BnB4D/2/

顺便说一句，这不是声明多个值(填充)的方式，您应该使用 padding: 2px; 或 padding: 2px 2px 2px 2px; 但是 2px;2px;2px;2px; 实际上只取第一个值并在第一个 ;

之后结束