0

1 つのリストを 2 つの異なる列、つまり 2 つの異なるコンテナーに表示することはできますか? または、1 つの div を異なる列に表示できますか?

<div>
<ul>
<li>HTML</li>
<li>CSS</li>
</div>
<div>
<li>javascript</li>
<li>jquery</li>
</div>

上記を次のように表示したい：

HTML JavaScript CSS jquery

また、最初の列の要素は異なる場合があり、要素が減少する場合は、2 番目の列の要素がスペース全体を占める必要があります。

4

1 に答える 1

0

いいえ、できません（編集：提案されたHTMLのように、リストを途中で切り取ってください）。できることは、2 つの個別のリストを作成することですが、リストを次のように表示する場合は、次のようにします。

1. HTML 2. javascript 3. CSS 4. jquery

liアイテムをその順序で並べて、 sを「インライン」として表示するだけではない理由がわかりませんか？

実際にリストを次のように表示したい場合：

1. HTML 3. JavaScript
2. CSS 4. jQuery

そして、項目の順番は「1.HTML、2.CSS、3.JavaScript、4.jQuery」column-count: 2ですul。これにより、最初の 2 つの項目が左の列に、最後の 2 つの項目が右の列に配置される列にリスト項目が配置されます。column-count最新のブラウザでのみ機能するため、残りの場合は使用する必要があるfloatかinline-block、リストが次のように表示されます。

1. HTML 2. CSS
3. JavaScipt 4. jQuery
于 2012-07-03T04:02:34.733 に答える