在CSS中,通常通过将容器元素的font-size设置为0px来删除元素之间的空格。
在子元素上再次设置为正常大小。
我总是将“font-size:0”应用于容器元素,并且工作正常。
现在我在其他人的代码中看到许多人使用“font-size:0.1px;”代替。例如:https://www.barrelny.com/blog/text-align-justify-and-rwd/
在“休息元素”部分......
保留这些剩余字体大小有什么好处?
答案 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中(测试用例)(截图)。