html - CSS DIV 折り返し行の高さ

Question

インラインで表示したい DIV のグリッドを設定しています。DIV には変数の画像とテキストが含まれます。理想的には、DIV 自体を固定幅に制限する必要があります。

.playerbox {
    width: 100px;
    border: 1px solid;
    float: left;
    margin: 10px;
}

テキストが折り返される DIV で、グリッドが期待どおりにインラインで表示されないことがわかりました。次の行の順序が影響を受けます。

行の高さなどを設定する必要があると仮定しますが、これを処理する最善の方法がわかりません。

score 1 · Accepted Answer

各 .playerbox に静的な高さを設定する

.playerbox { height:200px; }

http://jsfiddle.net/avbXD/のフォークされた例

3 に答える 3