我想创建一个网格式导航菜单,我已经完成了。这是我迄今为止的jsFiddle。如果将鼠标悬停在链接上,可以看到左侧和右侧列之间存在1或2像素的间隔,我似乎无法摆脱它。CSS网格式导航菜单间距
目前我有:
#nav {
float:left;
width:230px;
display:inline;
text-align:right;
}
#footer li {
display:inline-block;
text-align:left;
line-height:32px;
text-indent:10px;
width:49%;
}
如果我设置li {width:50%}
列表不适合2列,但是当它被设置为49%,我得到列表元素之间的差距。某处有一些填充或边距,但我看不到它。任何帮助都会很棒。
这是因为'inline'元素尊重标记中的空白..这是你想要的..我没有改变任何CSS .. http://jsfiddle.net/JoshC/3XqZ3/10/? [看到这个答案](http://stackoverflow.com/questions/19038799/unexplainable-gap-between-divs/19038859#19038859) –
'display:inline-block'是你的罪魁祸首。它将在每个块元素之间放置一个空格。 – Ally