CSS3 Pre-Reference



box-lines

ボックスの行数

試す



コード

#containe p {
    display: -webkit-box;
    display: -moz-box;

    box-lines: normal;
    -webkit-box-lines: normal;
    -moz-box-lines: normal;
}

サンプル

※サポートしていないブラウザでは動作しません。

左のボックス
真ん中のボックス
二列目
右のボックス
左のボックス2
真ん中のボックス2
二列目
右のボックス2
左のボックス
真ん中のボックス
二列目
右のボックス
左のボックス2
真ん中のボックス2
二列目
右のボックス2

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

single | multiple
初期値 single
適用 ボックス要素
継承 しない
レベル 3
%の解釈 -
適用メディア Visual
参考文献 Flexible Box Layout Module#7 Multiple Lines

解説

ボックスの行数を指定します。

対象はボックス要素、つまり”display:box”の要素です。

single
すべてのボックスを1行で表示します。必要に応じてボックスサイズを圧縮します。
multiple
ボックスを複数行に展開することを許可します。幅計算であふれ出たボックスは、順次、次の行へ展開されます。

トラックバック

投稿されたコメント