轻松上手,快乐学习!

Style verticalAlign 属性


实例

改变表格中文本的垂直对齐方式:

document.getElementById("myTd").style.verticalAlign = "bottom";
亲自试一试 »

定义和用法

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


浏览器支持

属性
verticalAlign Yes Yes Yes Yes Yes

语法

返回 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

更多实例

实例

返回 <td> 元素的垂直对齐:

alert(document.getElementById("myTd").style.verticalAlign);
亲自试一试 »

相关页面

CSS 教程: CSS Text

CSS 参考手册: vertical-align property


❮ Style 对象