css在所有浏览器上的图像边界相等

Question

我正在尝试在图像周围放置一个实线边框，但图像周围的间距因IE浏览器和其他浏览器而异，并且在所有四边都不一致。

 <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;实际上只接受第一个值并在第一个值之后结束{ {1}}