当空
display:inline-block 的一个重要方面是它的对行高计算的影响。在内联上下文中,行高以文本基线为中心。对于内联块元素,行高由其字体规格决定。
空的内联块元素会带来挑战,因为它们缺少与字体相关的尺寸。但是,它们仍然继承其父元素的默认行高,从而导致可见的间隙。
要解决此问题,可以使用包装元素引入零字体大小,有效消除任何行高,从而消除间隙。重置内联块元素中的字体大小可以在不创建不需要的空间的情况下提供内容。
尽管进行了大量研究,但没有官方文档明确定义高度空的内联块元素。
内联块元素的行为就像它们期望内容一样。即使没有实际内容,它们也会根据继承的行高保留最小行距。这种行为虽然没有明确记录,但却是通过实验观察到的常见模式。
以上是为什么空的内联块元素会产生间隙?的详细内容。更多信息请关注PHP中文网其他相关文章!