html - Bootstrap/CSS - 修复右浮动图像的跨浏览器边距不一致

Question

我想尽可能向右浮动在 Chrome 中正确呈现的图像，但在 FireFox 中它的顶部边距不正确，它穿过底部分隔线。

Example in Chrome
+--------------+
|Category     X|
+--------------+

Example in FF (too much margin-top)
+--------------+
| Category     |
+------------X-+

在图像上使用 float 时，如何使浏览器之间的边距保持一致？

<li>
    <a>
              Category 2 (10%)
              <img class="pull-right" src="icon.svg">
    </a>
</li>

Answer 1

您是否尝试过重置边距和填充？

    <style> 
* {
margin:0;
padding:0 
}
</style>