CSS的垂直对齐是什么意思？

Question

垂直对齐

目前浏览器根本还不能支持初衷对齐属性，但愿5.0版的浏览器能够做到这一点。

H4 { vertical-align: top }

垂直对齐可以使你控制文字或替代要素（比如图象）相对于其母体要素的的垂直位置。例如，如果你将一个2x2象素的GIF图象同其母体要素文字的顶部垂直对齐，则该GIF图象将在该行文字的顶部显示。

以下为各项参数：

top将要素顶部同最高的母体要素对齐。
bottom将要素的底部同最低的母体要素对齐。
text-top将要素的顶部同母体要素文字的顶部对齐。
text-bottom将要素的底部同母体要素文字的底部对齐。
baseline将要素的基准线同母体要素的基准线对齐。
middle将要素的中点同母体要素的中点对齐。
sub将要素以下标的形式显示。
super将要素以 上标的形式显示。

请帮忙解释一下，没太理解明白。。。。

Answer 1

垂直对齐就是相对于外部容器垂直方向的对齐方式，如下三种方式：

1、垂直居中对齐：

css：vertical-align:middle;

示例：

2、垂直底部对齐：

css：vertical-align:bottom;

示例：

3、垂直顶部对齐：

css：vertical-align:top;

示例：

Answer 2

H4 { vertical-align: top }
上面代码的意思是说
全网页的h4标签都是垂直对齐上面。
其中vertical-align的意思是垂直对齐的意思，
其中vertical这个英文词的意思是垂直的意思，
读音“维特口”。
其align的英文词的意思对齐的意思。
读音“阿蓝”。
至于vertical-align后面的top就是“上面”的意思。
-
这个vertical-align可以组合成如下代码
vertical-align:bottom;
vertical-align:middle;
vertical-align:sub;
vertical-align:super;
-
举个例子。
vertical-align比如是在渔缸的的一条鱼。
这条鱼只能向上游和向下游。
vertical-align:top就是这条鱼向水面游了。
vertical-align:bottom就是向水地游了。
-
至于vertical-align:sub这个一般是
化学元素用的，比如氧气的化学元素是O2
这个字母O后面是数字2是小写的，在O字母的右下脚，
很小的一个字母。网页显示出来是个小小的数字。
vertical-align:super的意思是平方和次方什么的，
比如“10的2次”方可以写成10 2
这个数字10后面的2是很小的一个数字，
我这里打不出来，因为不让用HTML代码。
这个数字2是在10的右上角的很小的一个2。
初中数学里都学过。本回答被提问者采纳

Answer 3

使用 margin 属性来水平对齐
可通过将左和右外边距设置为 "auto"，来对齐块元素。
注释：除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。本回答被网友采纳