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;
}
この記事を見た人は次の記事も見ています。
jQueryのfind()で子要素を取得する
デザインパターン 参考
クライアントサイドとサーバーサイド
ファイル名一括変換
BEM
フォントの検索サイト
メディアクエリでディスプレイサイズ毎にcssを指定する。
カスタムフィールドに画像が設定されていないとき
第四十一回「ラジオボタンで表示を切り替える」
border
parent()・parents()・closest()- 相手への説明方法：結論から話そう
WEBサイトを作る目的の話
エックスサーバーでつくったHPのFFFTPログイン方法- リストの中で画像を横並べ
wp 複数サイト運用- CSS:画像トリミング
- web制作で便利なツール
jQueryでスクロール時に下から表示させる方法
固定ページに個別でcssを読み込ませる
コメント