使用 em 调整字体大小 - 如果 base-size = 0 怎么办？ [复制]

Posted 2023-03-06

【中文标题】使用 em 调整字体大小 - 如果 base-size = 0 怎么办？ [复制]

【英文标题】：Font sizing with em - what if base-size = 0? [duplicate]

【发布时间】：2013-01-12 05:02:36

【问题描述】：

可能重复：Unwanted margin in inline-block list itemsA Space between Inline-Block List Items

为了避免将 li 设置为 display: inline-block 之间的差距，我将 ul 的字体大小设置为 0。因此，em 大小的性质，现在将 0 作为基本字体大小传递对于所有li，这实际上意味着一个人看不到它们。

有没有办法在不将font-size: 14px（例如）设置为列表项的情况下解决这个问题？

【问题讨论】：

只是不要将字体大小设置为 0。无论原来的问题是什么，将字体大小设置为 0 都是错误的解决方案。

为什么不只是float:left？并避免设置ulfont-size: 0，或者如果您必须使用display: inline;，请使用margin-right: -4px;

这似乎已经覆盖了一堆。 ***.com/a/5256640/1770042

【参考方案1】：

一种解决方案是将 cmets 放入标记中，因此列表元素之间不会有空格，因此您不再需要该 hack：

<ul><!--
    --><li>1</li><!--
    --><li>1</li><!--
    --><li>1</li><!--
--></ul>

【讨论】：

工作就像一个魅力，谢谢！

【参考方案2】：

只是浮动它们也许它们不需要内联块 全部，也许它们可以以一种或另一种方式漂浮。这允许 你设置它们的宽度和高度以及填充和东西。你刚才 不能像你一样通过 text-align: center; 居中它们。的父母 内联块元素。

看看这个来源：http://css-tricks.com/fighting-the-space-between-inline-block-elements/

它列出了您的问题的多种解决方案。 避免将字体大小设置为 0；

【讨论】：

太棒了，我还没有找到那个帖子。我刚刚使用了 cmets 的方法，也是由 bažmegakapa 发布的。其实我想接受这两个答案...