CSS : How to remove margin between

Question

我使用 <li> 创建了标签页.我使用 css 添加样式，但问题是，选项卡之间有空格。我尝试添加 margin: 0px;在ul.tabs li但空间仍然存在。

请查看链接 http://jsfiddle.net/cfv65agn/

谢谢。

Answer 1

一个简单的解决方法是将带有“tabs”类的 ul 的字体大小设置为 0，并直接在列表项上设置正确的字体大小。

这将删除它们之间的默认间距，而不需要神奇的负数。

我刚刚测试过，以下是有效的:

 ul.tabs {

   font-size: 0;

 }

 ul.tabs li {

  font-size: 16px; /* set to the font size you want */

}