图文就是这么回事
bottom对齐
bottomx-baseline
一行文字 | <p>block水平元素 |
![]() |
inline-block水平 |
<p>block水平元素
两行元素</p>
图文就是这么回事
top对齐
x-baselinetop
一行文字 | <p>block水平元素 |
![]() |
inline-block水平 |
<p>block水平元素
两行元素</p>
p { line-height: 250px; } img { vertical-align: middle; }
x
根据定义:元素垂直中心点和父级基线上1/2 x-height对齐
x
黄线:容器中心;红线:图片中心
font-size(24-120):
一行文字 | <p>block水平元素 |
![]() |
inline-block水平 |
<p>block水平元素
两行元素</p>
为何块状文字居中了而内联的图片不是垂直居中?
td单元格不足高度会用padding填补