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

时间:2016-11-22 07:02:35

标签: html css css3

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

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

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

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

在“休息元素”部分......

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

1 个答案:

答案 0 :(得分:1)

以下列出了适用于您的问题的某种解决方案:https://css-tricks.com/fighting-the-space-between-inline-block-elements/

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

  

Matt Stow报告字体大小:0;技术有一些问题   在Android上。 Quote:Pre-Jellybean根本没有删除空间,并且   Jellybean有一个错误,最后一个元素随机有一点点   空间。见研究。

     

另请注意,如果你在ems中调整字体大小,这个零字体大小的东西   可能是一个问题,因为ems级联,孩子们也会有零   字体大小。 Rems在这里会有所帮助,否则任何其他   非级联字体大小可以将其恢复。

     

另一种奇怪!道格斯图尔特告诉我,如果你使用@ font-face   使用这种技术,字体将在Safari中失去抗锯齿   5.0.x中(测试用例)(截图)。