Qitailangのブログ

Webデザイン、碁、Esperanto、自然農法的家庭菜園

2015-06-13から1日間の記事一覧

連続するリスト項目を1〜8列に等間隔カラムで表示する。

sample1sample2(簡易レスポンシブ - 479px以下1カラム表示) ステップ1 リスト構造は下のように単純なものである。これを短いCSSで均等に横並びカラムで表示することにする。 <div id="item-list"> <ul class="cols-3"> <li>商品01</li> <li>商品02</li> <li>商品03</li> <li>商品04</li> <li>商品05</li> <li>商品06</li> </ul> </div> リスト項目を1列から8列表…