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
支持 支持 支持 支持 支持