可能重复:
Unwanted margin in inline-block list items
A Space between Inline-Block List Items
为了避免将li
设置为display: inline-block
之间的差距,我将ul
的字体大小设置为0.因此,调整大小的性质,现在已经过了0作为所有li
的基本字体大小,这实际上意味着人们无法看到它们。
如果没有将font-size: 14px
(例如)设置为列表项,有没有办法解决这个问题?
答案 0 :(得分:2)
只是浮动他们而不是他们不需要内联阻止 所有,也许他们可以以这种或那种方式浮动。这允许 你要设置它们的宽度和高度以及填充和填充物。你刚才 不能通过text-align:center;的父母 内联块元素。
看一下这个来源:http://css-tricks.com/fighting-the-space-between-inline-block-elements/
它列出了您问题的多种解决方案。 避免将字体大小设置为0 ;
答案 1 :(得分:1)
一种解决方案是将注释放入标记中,因此列表元素之间不会有空格,因此您不再需要这样的黑客攻击:
<ul><!--
--><li>1</li><!--
--><li>1</li><!--
--><li>1</li><!--
--></ul>