无序列表作为列

Question

我试图使用无序列表作为列设置如下:

<ul>
<li>word 1</li>
<li>word 1</li>
<li>word 1</li>
<li>word 1</li>
<li>word 1</li>
</ul>
 <ul>
 <li>word 2</li>
 <li>word 2</li>
 <li>word 2</li>
 <li>word 2</li>
 <li>word 2</li>
 </ul>

我需要做什么,就这些css这些阵容并排作为没有子弹的垂直列表.我确定我错过了一些简单的东西,但我似乎无法弄明白.我特别需要这个在IE7中工作.

提前谢谢,本

Answer 1

这是一个非常简短的答案:

ul {
  float: left;
  list-style-type: none;
}

这是稍长的解释:

• 该float部分告诉您的列表"在同一条线上"一起移动.您可能还想为元素添加width属性ul,以便获得平均分布的列.

• 该list-style-type物业只是关闭你的子弹.最有可能的是,现在你将拥有子弹空间.这可以通过覆盖maring和padding- 例如.将它们都设置为零.

您可能还想clear: left在列表后面的任何元素上添加属性.