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

浏览器支持

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持支持支持支持支持