css - vertical-align中描述的, 父级的基线, 指的是行框的基线吗?

问题描述

我只知道每个行内框都有四条线, 但是行框也有吗?照我的理解, 先有行内框, 后有行框, 再有对齐.行框高度根据最大行内框的高度来决定.那让最大行内框的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

望采纳。

1、vertical-align这属性只在行内元素有效，是内框（display:inline;）有效，在行内框(display:inline-block;)和行框(display:block;)是不起作用的2、http://blog.sina.com.cn/s/blo...可以看下这里的解释