• を使用して 2 番目のナビゲーションを作成します。ulvertical_html/css_WEB-ITnose で li を配置する方法。

div 要素内のテキストを 3 つの列に分割します:
div
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari および Chrome */
column-count:3;
}

Internet Explorer 10 と Opera は、column-count 属性をサポートしています。
Firefox は代替の -moz-column-count 属性をサポートしています。
Safari と Chrome は、代替の -webkit-column-count 属性をサポートしています。
注: Internet Explorer 9 以前のブラウザは、column-count 属性をサポートしていません。
定義と使用法
columns-count 属性は、要素を分割する列の数を指定します。
デフォルト値: auto
継承: いいえ
バージョン: CSS3
JavaScript 構文: object.style.columnCount=3
構文
column-count: number|auto;
値の説明テスト
数値要素の内容が最適な数値に分割されます列の。 テスト
auto 列の数は、「column-width」などの他のプロパティによって決まります。 テスト

列間の間隔を 60 ピクセルに指定します

注: Internet Explorer は、column-count 属性をサポートしません。

ありがとうございます