0

我想使用 css 创建一个带有有序列表的 3 列列表？

  1. 苹果
  2. 橘子
  3. 柠檬

现在它显示一个无序列表，即使代码显示是有序的。

示例： 1. Apples 将是第一列，Oranges 将是第二列，而不是 Apples 在第一列中，Oranges 在其下方的第一列中。

<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

<ul>是一个无序列表。用于<ol>有序列表。

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

这是一个工作示例：w3schools tryit

于 2012-12-28T22:14:54.813 回答
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、#tree 等。

于 2012-12-28T22:41:27.600 回答