Chrome和Firefox中的UL利润率过高

时间:2012-03-17 22:21:59

标签: firefox google-chrome html-lists margin html-rendering

在我的HTML中,我有一个生成的ul元素,其中包含liimg

除了css定义的保证金之外,我在3px之间得到了一个奇怪的li(近似)超出边距。

以下是Chrome调试控制台快照。过多的区域用红色标出:

strangeMargin

ul的样式如下:

excessiveMarginULStyle

li的风格是:

excessiveMarginLIStyle

Firefox中出现完全相同的超额保证金。

为什么会这样?我怎么摆脱它?

1 个答案:

答案 0 :(得分:2)

解决。这就是浏览器在li之间渲染换行符的方式。不得不强制html生成器渲染所有li在一行中以删除之间的空格。