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

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

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

最佳答案

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

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

顺便说一下，这不是声明多个值（填充）的方式，应该使用padding: 2px;或padding: 2px 2px 2px 2px;，但是2px;2px;2px;2px;实际上仅采用第一个值，并在第一个;之后结束

关于css - 在所有浏览器上图像周围的css边框相等，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16307186/