css - CSS - 在 ul 上传播 li 元素

Question

有没有办法分散元素（例如：< li> 在< ul> 中）？

我的 < li> 是内联的（不是垂直的），我不想改变它们的大小。

我只想设置 <li> 元素之间的空间以获得 100% 的总和。

例如。：

<ul>由3个<li>组成：第一个是200px，第二个是200px，第三个是400px。

如果屏幕有 1000px，那么 li 之间的间距应该是 200px，所以每个间距是 100px（如果左右两边的 padding 是 0px）。

我想在不使用 javascript 的情况下实现这一点

编辑：

---

图片显示了我想通过列表实现的效果。
每个带有蓝色边框的元素都应该是一个 li（正如您在图片中看到的那样：有些元素包含文本，因此将它们设置为内部 css 不是一个好主意）。
元素之间的空间应该非常大，以至于最后一个元素（红色注销按钮）接触到屏幕的右边缘。

-但是，为了避免使用javascript，我现在用一张表解决了它

Answer 1

我是如何解决的：我没有使用这个http://jsfiddle.net/Tejzf/ ，而是使用了一个表格而不是 ul 和 il 元素。表格宽度=100%，单元格的宽度（li 之前的位置）为 1px（尽可能小）。在单元格之间，我添加了未定义宽度的新的空单元格。

<table width="100%"><tr>
   <td width="1">DATA1 from LI1</td><td></td>
   <td width="1">DATA2 from LI2</td><td></td>
   <td width="1">DATA3 from LI3</td>
</tr></table>

并感谢您的回复

Answer 2

你在寻找这样的东西吗？

http://jsfiddle.net/jMTjb/1/

或带有空格

http://jsfiddle.net/jMTjb/2/