Style verticalAlign 属性

定义和用法

verticalAlign 属性设置或返回元素中内容的垂直对齐方式。

另请参阅：

CSS 教程：CSS 文本

CSS 参考手册：vertical-align 属性

实例

例子 1

将表格中某些文本的垂直对齐方式设置为 "bottom"：

document.getElementById("myTd").style.verticalAlign = "bottom";

亲自试一试

例子 2

返回 <td> 元素的垂直对齐方式：

alert(document.getElementById("myTd").style.verticalAlign);

亲自试一试

语法

返回 verticalAlign 属性：

object.style.verticalAlign

设置 verticalAlign 属性：

object.style.verticalAlign = value

属性值

值 描述
length 将元素升高或降低指定的长度。允许负值。
% 以 "line-height" 属性的百分比升高或降低元素。允许负值。
baseline 将元素的基线与父元素的基线对齐。默认。
sub 作为下标来对齐元素。
super 作为上标来对齐元素。
top 元素的顶部与行中最高元素的顶部对齐。
text-top 元素的顶部与父元素字体的顶部对齐。
middle 元素放置在父元素的中间。
bottom 元素的底部与行中的最低元素对齐。
text-bottom 元素的底部与父元素的字体底部对齐。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： baseline
返回值： 字符串，表示元素中内容的垂直对齐方式。
CSS 版本： CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持