html - 列表的宽度比应该的大

Question

我不明白为什么 <li> 中有这么大的空间s，为什么边框没有扭曲文本。 fiddle

我想要每个 <li> 的宽度像最大的<li>

谢谢你的帮助:D

Answer 1

从#settingNev a 中删除宽度 100% 会将大小减小到 span 元素中字符串的长度。或者，如果您需要它们都相同，您可以设置特定的宽度。

http://jsfiddle.net/rtT8L/

#settingNev a {
  float: left;
  margin: 0 3px 0 3px;
  text-decoration: none;
  border-radius: 6px 6px 0px 0px;
  /*width: 200px;*/
}

----------------更新----------------------------

http://jsfiddle.net/NZc6K/

上面的这些 fiddle 应该可以解决问题。基本上这是因为 100% 宽度如何与填充一起使用，所以我将 ul 上的大填充移到了它包裹的 div 中。

要了解有关盒子模型的更多信息，请参阅 http://www.addedbytes.com/articles/for-beginners/the-box-model-for-beginners/