我有一小段代码在我的win7机器上的Firefox,chrome和ie9中以相当不同的垂直间距渲染。
<div id="main-compo">
<div id="divisions" class="transparent">
<p><a href="#">p1</a></p>
<p><a href="#">p2</a></p>
<p><a href="#">p3</a></p>
<p><a href="#">p4</a></p>
<p><a href="#">p5</a></p>
<p><a href="#">p6</a>
<p style="border-bottom: none;"><a href="#">p7</a></p>
</div></div>
http://jsfiddle.net/erea/96KBC/
我已经工作了一个多小时,我仍然不知道为什么。任何帮助都会很棒,谢谢!
试试
p {
vertical-align: top;
}
发现问题出line-height
。
添加了这个,现在一切都很好。
body {
line-height: 1;
}