1

次のようなコードがあります。

<div class="row">
  <div>
    <img src="img1.jpg" />
  </div>
  <div>
    <img src="img2.jpg" />
  </div>
  <div>
    <img src="img3.jpg" />
  </div>
</div>

ブロックを下に揃えたい。どうやってやるの？

更新: 回答ありがとうございます。理由はわかりませんが、役に立ちませんでした。したがって、ここに js fiddle の実際の html コードがあります: http://jsfiddle.net/rZvqK/

4

4 に答える 4

0

このcssを使用できます

.row div{
    display:inline-block;
    vertical-align:bottom;
}
于 2013-09-10T09:28:06.410 に答える
0

次のように使用できます。

.row > div{
display: table-cell;
vertical-align: bottom;
}

しかし、私があなたの質問を正しく理解していれば、追加のマークアップを追加する必要がありますが、タグ<br />を含む div の後に clearfix テクニックを使用することをお勧めします。img

デモ

于 2013-09-10T09:28:54.303 に答える