1

我有一小段代码在我的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/

我已经为此工作了一个多小时，但我仍然不知道为什么。任何帮助都会很棒，谢谢！

4

2 回答 2

0

发现line-height是问题所在。

添加了这个，现在一切都很完美。

body {
    line-height: 1;
}
于 2013-01-24T08:30:57.310 回答
0

尝试

p {
    vertical-align: top;
}
于 2013-01-23T17:14:42.397 回答