全宽左对齐列表

Question

是否可以拉伸和无序列表以填充整个页面宽度;在其中浮动列表项（左），如果它们溢出（隐藏）无序列表，则列表项没有被剪切？

如果我只是在无序列表上执行overflow: none;，那么内部的任何列表项都不会显示为100％。

这就是我想要的......

http://roosteronacid.com/stackoverflow.png

请注意，即使无序列表无法以全宽显示/容纳它们，也会显示第一个和第三个列表项。

Answer 1

您应该将ul设置为display：table，并将li设置为table-cell。这是一个例子： http://jsfiddle.net/simoncereska/4w92q/