如何显示HTML列表

海,， 我需要在HTML中这样显示 它应该是2列格式

.Apple .Mango
.Orange .Banana
.Grapes

任何人都可以发布一些示例代码或url吗

---

提前谢谢

您可以尝试以下方法

<div style="float:left">
<ul>
  <li>List</li>
  <li>one</li>
</ul>
</div>
<div style="float:left">
<ul>
  <li>List</li>
  <li>two</li>
</ul>
</div>

名单
一个


名单
两个

---

请注意，不鼓励使用表格来格式化网页。（这就是我删除该部分的原因）最好使用

和

添加到样式表中：

li { 
    width: 50%;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}

---

您可能想调整它，但这是一个合理的起点。

有两种方法可以正确地执行此操作。无论哪种情况，HTML都将保持不变：

<ul class="two-col">
  <li>Apple</li>
  <li>Mango</li>
  <li>Orange</li>
  <li>Banana</li>
</ul>

或者您可以使用新的CSS3列属性（注意IE8及以下版本不支持该属性）：

---

这将自动为每列提供其原始宽度的一半。在这里摆弄它：

这是一个CSS问题，而不是HTML问题。HTML只是定义了列表，CSS定义了它的外观。这不是doctype的问题，而不是stackoverflow的问题吗？@fuzzxl：我刚刚试过这个，正要发布我写的代码。这就是我要找的代码。谢谢fuzzxl。@fuzzxl：我没有使用div标签，因为我不知道如何使用它。这段代码对我和伊茨来说真的很有帮助，因为它太简单了，无法理解。再次感谢FUZxxl@Sanjeev如果你要制作网页，你真的需要学习HTML。不知道div标签是什么是不可接受的。我认为你在90年代的HTML中被否决了。滥用表格布局是个坏主意，但无论如何都会这样做，因为CSS不存在。现在CSS是围绕着人们可以用正确的方式来做，所以没有必要教人们如何用错误的方式来做。

.two-col {
  overflow: hidden;
}

.two-col li {
  width: 130px; /* Change this to any amount you want */
  margin-right: 10px;
  float: left;
}

.two-col {
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
}