最后<li>标记</li>后的不需要的空格

时间:2012-03-08 15:23:42

标签: html css html-lists

在我的无序列表的li标签之后,我有这个非常讨厌的空间 - 请参阅jsfiddle

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

我正在使用百分比宽度来调整列表项的大小,以防重要

在Lubuntu的Chrome和FF中看到这个

2 个答案:

答案 0 :(得分:2)

我认为原因是width: 32%;

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

答案 1 :(得分:1)

百分比宽度导致问题。如果您使浏览器更小(或更宽),您将看到额外的空间缩小甚至完全消失。