如何解释具有零行高的元素内的 div 高度？
以下%ign%ignore_a_1%re_a_1%码中，尽管 span 元素设置了 line-height 为 0，但 div 却有 27 像素的高度。如何理解这一现象？
文本
回答：
行框是由其内部的行内框构成。在这个例子中，span 创建了一个行内框，其高度为 line-height 0。此外，还有一个看不见的匿名行内框继承了父元素 div 的 line-height。
网易人工智能
网易数帆多媒体智能生产力平台
206 查看详情
尽管 div 的 line-height 为 0，但匿名行内框的位置低于 span 的行内框。具体位置取决于默认字体大小（16px）以及与字体相关的对齐线。
因此，即使 span 的 line-height 为 0，匿名行内框为 div 提供了高度。如果两个元素的 font-size 都为 0，匿名行内框会紧贴底部，div 高度会增加约 6 像素。
以上就是零行高元素内 div 高度为何不为零？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1156535.html
微信扫一扫 
支付宝扫一扫 
