CSS - 在li上传播li元素

Question

有没有办法展开元素，（例如：＆lt; li＆gt;在＆lt; ul＆gt;内）？

我的＆lt; li＆gt;是内联的（不是垂直的），我不想改变它们的大小。

我只想在＆lt;之间设置空格。 li＆gt; -elements得到100％的总和。

例如：

＆LT; UL＆GT;由3 <3组成。 li＆gt;'s：第一个是200px，第二个是200px，第三个是400px。

如果屏幕有1000px，则li之间的间距应为200px，因此每个空间为100px（如果左侧和右侧的填充为0px）。

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

编辑：

---

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

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

Answer 1

你在找这样的东西吗？

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

或带有空格

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

Answer 2

我是如何解决的： 而不是使用这个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>

和thx的回复