7

ブロック要素を並べて配置したい。などは使いたくありませんleft, right, top。

HTML

<div class="iLB">LOLOLOL</div>
<div class="iLB">
    This is content.<br/>
    This is content.<br/>
    This is content.
</div>
<div class="iLB">This, too?</div>

CSS

.iLB {
    display: inline-block;
}

ライブデモ: jsFiddle

4

2 に答える 2

14

使用するvertical-align:top;

.iLB {
    display: inline-block;
    vertical-align: top;
}​

JSFiddle : http://jsfiddle.net/97wDh/1/

于 2012-09-21T23:25:18.810 に答える
0

あなたが使用しdisplay: inline-blockているように、実際にはインライン要素です。それらは文字ボックスと同じように機能するため、テキスト行に並べて配置されます。そのため、下端が同じ高さになるように配置されます。

代わりに使用float: leftして、それらをブロック要素にして並べて配置できます。

http://jsfiddle.net/97wDh/2/

于 2012-09-21T23:26:19.467 に答える