相対配置とインラインブロックを使用したDIVの垂直方向の配置？

DIVの内容が異なる高さの場合（DIV自体は固定サイズですが）、DIVを縦に整列する際に問題があります。相対配置とインラインブロックを使用したDIVの垂直方向の配置？

私はDIVのテキストのような「流れ」にしたいので、私は可能であればposition:absoluteを使用しないようにしたいと思います。私はを使ってDIVを崩壊させません。

2011-09-09 Tom Söderlund

私は、[空のインラインブロック要素の垂直方向の位置合わせ]を@ルークの答え[1]で答えを見つけました。 collection_boxスタイルの 'vertical-align：top'は必要なものすべてでした。 [1]：http://stackoverflow.com/questions/1885873/vertical-alignment-of-empty-inline-block-elements –

このコメントを回答として追加して受け入れてください。そうしないと、この質問は不必要なまま返されます。 – NGLN

完了、ありがとう！ @Nightfirecatは信用を得た。 –

はvertical-alignプロパティを追加します - それらはすべて同じことをやっているかは重要ではありません、彼らは同じサイズだからです。彼らはさまざまなサイズであれば、vertical-align: middleを使用します。

.collection_box { 
    vertical-align: middle; /* or top, or bottom, if they're the same size */ 
}

出典

2011-09-09 20:10:18 Nightfirecat

は左に、それらをフロート

：

.collection_box { 
    float: left; 
}

出典

2011-09-09 20:07:05 Blender

相対配置とインラインブロックを使用したDIVの垂直方向の配置？

答えて

関連する問題