UC知道CSS的垂直对齐是什么意思？
来源：百度知道 编辑：UC知道 时间：2024/06/04 05:40:52
垂直对齐
目前浏览器根本还不能支持初衷对齐属性，但愿5.0版的浏览器能够做到这一点。
H4 { vertical-align: top }
垂直对齐可以使你控制文字或替代要素（比如图象）相对于其母体要素的的垂直位置。例如，如果你将一个2x2象素的GIF图象同其母体要素文字的顶部垂直对齐，则该GIF图象将在该行文字的顶部显示。
以下为各项参数：
top将要素顶部同最高的母体要素对齐。
bottom将要素的底部同最低的母体要素对齐。
text-top将要素的顶部同母体要素文字的顶部对齐。
text-bottom将要素的底部同母体要素文字的底部对齐。
baseline将要素的基准线同母体要素的基准线对齐。
middle将要素的中点同母体要素的中点对齐。
sub将要素以下标的形式显示。
super将要素以 上标的形式显示。
请帮忙解释一下，没太理解明白。。。。
目前浏览器根本还不能支持初衷对齐属性，但愿5.0版的浏览器能够做到这一点。
H4 { vertical-align: top }
垂直对齐可以使你控制文字或替代要素（比如图象）相对于其母体要素的的垂直位置。例如，如果你将一个2x2象素的GIF图象同其母体要素文字的顶部垂直对齐，则该GIF图象将在该行文字的顶部显示。
以下为各项参数：
top将要素顶部同最高的母体要素对齐。
bottom将要素的底部同最低的母体要素对齐。
text-top将要素的顶部同母体要素文字的顶部对齐。
text-bottom将要素的底部同母体要素文字的底部对齐。
baseline将要素的基准线同母体要素的基准线对齐。
middle将要素的中点同母体要素的中点对齐。
sub将要素以下标的形式显示。
super将要素以 上标的形式显示。
请帮忙解释一下，没太理解明白。。。。
垂直对齐就是相对于外部容器垂直方向的对齐方式，如下三种方式：
1、垂直居中对齐：
css：vertical-align:middle;
示例：
2、垂直底部对齐：
css：vertical-align:bottom;
示例：
