vertical-align理解
2017-12-23 本文已影响0人
RaizoL
一属性
1)自身元素必须要行内快 : inline-block ; 且是标准流布局,即不能有float,position,flex属性。有些设置为display: table-cell ;其实也是使其变为 inline-block 属性 。
2)自身元素是根据兄弟同级的基线以及兄弟同级内容的基线为准,进行垂直水平布局
3)设置的参数有:

二例子
HTML:

CSS:

1)自身元素必须要行内快 : inline-block ; 且是标准流布局,即不能有float,position,flex属性。有些设置为display: table-cell ;其实也是使其变为 inline-block 属性 。
2)自身元素是根据兄弟同级的基线以及兄弟同级内容的基线为准,进行垂直水平布局
3)设置的参数有:
HTML:
CSS: