vertical-align

Paste_Image.png

数值百分比类

数值

Paste_Image.png

百分比

Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png

起作用的前提

Paste_Image.png
Paste_Image.png
Paste_Image.png

元素应用float,就会变成block, vertical-align失效
应用absolute(元素变成block水平),脱离文档流,vertical-align没用

Paste_Image.png

将容器的行高设为容器的高度,IE7+

Paste_Image.png

作用在table-cell

推荐阅读更多精彩内容