css - 所有浏览器上的图像周围的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;实际上只采用第一个值并在第一个值之后结束;