按钮之间的Bootstrap中心菜单间距

时间:2014-09-16 10:13:38

标签: html css twitter-bootstrap

如何删除此菜单中按钮之间的空格?

这是我的代码:http://www.bootply.com/JUhVgyhThQ

我用过

margin:0px;
padding:0px;

.menu_container 
.menu_container a

但按钮之间仍有间距。

1 个答案:

答案 0 :(得分:0)

这是由于div是内联块。请参阅此答案(或整个问题)以了解如何解决它:

https://stackoverflow.com/a/8262649/609907

它基本上是内联块之间的“字”间距。因此,如果您将其设置为负1或将父菜单容器上的字体大小更改为0并在div本身上恢复正常,这也将解决问题。

就个人而言,我会在font-size: 0.mnenu_container font-size: 14px上设置.menu_container div