css - vertical-align中描述的, 父级的基线, 指的是行框的基线吗?
本文介绍了css - vertical-align中描述的, 父级的基线, 指的是行框的基线吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
MDN原话: Aligns the baseline of the element with the subscript-baseline of its parent.
我只知道每个行内框都有四条线, 但是行框也有吗?
照我的理解, 先有行内框, 后有行框, 再有对齐.行框高度根据最大行内框的高度来决定.
那让最大行内框的vertical-align等于top不就会远远超出行框了吗?
显然这是错的.
所有想弄明白, vertical-align到底是如何依据行框来对齐的. 或者根本不是依据行框来对齐
解决方案
我只想说这个属性是比较神奇的一个属性,规范上说的也比较疑惑。
你说的没错,linebox 的高度是由最大的inline box决定的。假如只有一个inline元素,比较好理解吧,按照四线就可以得到baseline线位置。
那么,假如在一行有两个inline box,这时baseline的位置就比较有意思,比较经典的垂直居中就有用到这个属性 vertical-align:middle 。
假如有三个甚至更多inlinebox呢?
我可能也解释不清楚,给你一个链接:Vertical-Align: All You Need To Know - Christopher Aue
望采纳。
这篇关于css - vertical-align中描述的, 父级的基线, 指的是行框的基线吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文