HTML/CSS:删除元素之间的空格 - 字体大小为0.1px(而不是0)的好处?

mic*_*ech 5 html css css3

在CSS中,通常通过将容器元素的font-size设置为0px来删除元素之间的空格.

在子元素上再次设置为正常大小.

我总是将"font-size:0"应用于容器元素,并且工作正常.

现在我在其他人的代码中看到许多人使用"font-size:0.1px;" 代替.例如:https://www.barrelny.com/blog/text-align-justify-and-rwd/

在"Break Elements"部分中......

保留这些剩余字体大小有什么好处?

mar*_*ann 1

以下是针对您的问题的某种解决方案的列表:https://css-tricks.com/fighting-the-space- Between-inline-block-elements/

在我看来,使用font-size: 0 / 0.1px 可能不是最好的方法:

马特·斯托报告说字体大小:0;技术在Android上存在一些问题。引用:Pre-Jellybean 根本不会删除空格,而且 Jellybean 有一个错误,即最后一个元素随机有一点空格。参见研究。

另请注意,如果您以 em 为单位调整字体大小,则零字体大小可能会成为问题,因为 ems 级联子项的字体大小也将为零。Rems 在这里会有所帮助,否则任何其他非级联字体大小都会将其恢复。

又一个怪事!Doug Stewart 向我展示,如果您将 @font-face 与此技术一起使用,字体将在 Safari 5.0.x 中失去抗锯齿功能。(测试用例)(屏幕截图)。