CSS 列表问题

Question

我正在寻找一种快速的跨浏览器解决方案来满足我对自动边距的需求。

我有一个简单的列表:

<ul>
     <li>text</li>
     <li>text</li>
     <li class="possibly_last">text</li>
</ul>

宽度为 600px。

我需要的是 CSS 代码，以确保每个 <li> 之间的边距均匀.

这样它们就可以均匀地延伸到整个 600 像素。

我可能需要作为“最后”类(class)，但这没关系。

我只想要一种浏览器友好的方式来执行此操作。

任何帮助都会很棒，谢谢!

Answer 1

试试这个:

<style>
li {
  display: block;
  float: left;
  width: 32%;
}
</style>

如果不行，试试这个:

<style>
li {
  display: block;
  float: left;
  width: 200px; // or less
}
</style>