在CSS中,通常通过将容器元素的font-size设置为0px来删除元素之间的空格.
在子元素上再次设置为正常大小.
我总是将"font-size:0"应用于容器元素,并且工作正常.
现在我在其他人的代码中看到许多人使用"font-size:0.1px;" 代替.例如:https://www.barrelny.com/blog/text-align-justify-and-rwd/
在"Break Elements"部分中......
保留这些剩余字体大小有什么好处?
以下是针对您的问题的某种解决方案的列表: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 中失去抗锯齿功能。(测试用例)(屏幕截图)。
| 归档时间: |
|
| 查看次数: |
91 次 |
| 最近记录: |