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/

私は1時間以上取り組んできましたが、その理由はまだわかりません。どんな助けでも素晴らしいでしょう、ありがとう！

4

2 に答える 2

0

試す

p {
    vertical-align: top;
}
于 2013-01-23T17:14:42.397 に答える
0

わかったline-heightのは問題でした。

これを追加すると、すべてが完璧になりました。

body {
    line-height: 1;
}
于 2013-01-24T08:30:57.310 に答える