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

住所

• 北京
• 上海


>河南 > 湖北< ;/リ & gt;
& lt;/ul & gt; ;/li & gt; 解決策)

bf7d98a576c4c90e682282552054747d






.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;}


• 住所
  • /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 属性をサポートしません。

ありがとうございます