0

css を使用して番号付きリストを含む 3 列のリストを作成したいのですが?

  1. りんご
  2. オレンジ
  3. レモン

現在、コードが順序付けされているにもかかわらず、順序付けられていないリストが表示されています。

例: 1. 最初の列にリンゴ、その下の最初の列にオレンジを配置する代わりに、リンゴを最初の列に配置し、オレンジを 2 番目の列に配置します。

<style> ol{margin-bottom:20px; overflow:hidden; width:600px;}
li{display:inline; float:left; line-height:1px;}
#two li {width:50%;}
#three li {width:33.333%;}
#four li {width:25%;}
#six li {width:16.666%;}
</style>




<code>
<ol id="3">
<li>
    <div class="fruit">
        apples
        oranges
        lemons
        etc..
    </div>
</li>
</ol>
  </code>
4

2 に答える 2

0

フレムが提案したように、

あなたのコードは次のようになります

<!DOCTYPE html>
<html>
<style> ol{margin-bottom:20px; overflow:hidden; width:600px;}
li{display:inline; float:left; line-height:15px;}
#two li {width:50%;}
#three li {width:33.333%;}
#four li {width:25%;}
#six li {width:16.666%;}
</style>
<body>

<h4>An Ordered List:</h4>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

</body>
</html>

#two、#trhee などを定義した理由がわかりません。

于 2012-12-28T22:41:27.600 に答える
0

<ul>順不同リストです。<ol>順序付きリストに使用します。

<ol>
    <li>item 1</li>
    <li>item 2</li>
</ol>​

実際の例を次に示します: w3schools tryit

于 2012-12-28T22:14:54.813 に答える