1

divコンテナー内に2 つの s があり、両方ともdisplay:inline-block同じ高さに設定されています。両者の唯一の違いはフォントサイズです。それらの高さは同じ値に設定されているため、同じ高さでページの最上部からあると予想されますが、そうではありません (上から少しオフセットされています)。

これはなぜですか?また、両方を同じ高さにし、上からのオフセットを 0 にするにはどうすればよいですか?

http://jsfiddle.net/tinanyaa/tWrHd/1/

4

2 に答える 2

1

のデフォルト値inline-blockはベースラインです。vertical-align:topDIV で定義します。次のように書きます。

div{
 display:inline-block;
 vertical-align:top
}

これをチェックしてくださいhttp://jsfiddle.net/tWrHd/2/

詳しくはこちらをお読みください

于 2013-01-26T04:01:31.853 に答える
0

vertical-align: text-top;おそらく、これらの両方にorvertical-align: top;プロパティを追加すると役立つでしょうか?

于 2013-01-26T04:01:09.077 に答える