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

b7525ca886c4f1f80871990b7377ff22住所
1bc443f5693cdd57b3879f8d0dcc7741 861f448a2c47375a88adcb954dabc953北京bed06894275b65c1ab86501b08a632eb 861f448a2c47375a88adcb954dabc953上海bed06894275b65c1ab86501b08a632eb

>河南bed06894275b65c1ab86501b08a632eb > 湖北254227ab427ba19a59d4ad85b758e85d
68ccb177a5de0ef9542dde7d35bae727
93f0f5c25f18dab9d176bd4f6de5d30e
9238fe08f0a7b7fb54b4adc02a28ee91
b2386ffb911b14667cb8f0f91ea547a7無題ドキュメント6e916e0f7d1e588d4f442bf645aedb2f
.sub-menu{width:900px;height:auto}
.sub-menu ul li{float :left;list-style:none;margin-left:40px}
.sub-menu ul{clear:both;list-style:none;}
531ac245ce3e4fe3d50054a55f265927
9c3bca370b5104690d9ef395f2c5f8d1 6c04bd5ca3fcae76e30b72ad730ca86d

b7525ca886c4f1f80871990b7377ff22住所

861f448a2c47375a88adcb954dabc953/li> ;天津
ジン2867e861ba23559b572f230426ab14ea
929d1f5ca49e04fdcb27f9465b944689

bed06894275b65c1ab86501b08a632eb

73a6ac4ed44ffec12cee46588e518a5e


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」などの他のプロパティによって決まります。 テスト



c9ccee2e6ea535a969eb3f532ad9fe89
.newspaper
{
-moz-column-count:4; /* Firefox */
-webkit-column-count:4;
-moz-column-gap:60px; /* Firefox */
-webkit-column-gap:60px; /* Safari および Chrome */
531ac245ce3e4fe3d50054a55f265927列間の間隔を 60 ピクセルに指定します

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

ありがとうございます