2012-03-08 59 views
0

我我的无序列表的标签里后得到这个真的很烦空间 - 看到jsfiddle多余空格

我已经尝试了所有常用的修复,像浮锚标记,但没有运气。我期望三个li元素占据列表的整个宽度,但由于某种原因,我在最后一个元素之后得到了一些额外的空间。

我使用百分比宽度尺寸列表项,在重要

上Lubuntu

在Chrome和FF见此

回答

2

我想原因是width: 32%;

尝试li:last-child{ margin-right: 0; float:right}

+0

感谢,浮最后一个正确是不够好,固定 – stephenmurdoch 2012-03-08 15:39:28

+0

我也认为它的百分比宽度这是造成问题的原因。有什么方法可以改用固定宽度吗?浮动“最后一个孩子”的权利将移除右侧的空间,但会在其他“李”之间产生不均匀的间距。 http://jsfiddle.net/ryancowles/wHVXp/ – Ryan 2012-03-08 15:41:27

1

百分比宽度引起的问题的情况下。如果你让你的浏览器更小(或更宽),你会发现多余的空间会缩小甚至完全消失。

+0

感谢,我明白你的意思:) – stephenmurdoch 2012-03-08 15:39:47