column-count 　カラム数の指定

2017/872017/87 admin コーディング

column-countのプロパティで、コンテンツの段組ができます。
以下のように値を3と指定したときは、3カラムのボックスが構成されます。

■html

カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1

カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2

カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3

■css
div.tst {
width: 500px;
column-count: 3;
}

この記事を見た人は次の記事も見ています。

admin

cl0606

コメントを残すコメントをキャンセル