Style verticalAlign 屬性

Style 對(duì)象

定義和用法

verticalAlign 屬性設(shè)置或返回元素中內(nèi)容的垂直對(duì)齊方式。

語(yǔ)法

設(shè)置 verticalAlign 屬性：

Object.style.verticalAlign="value"

返回 verticalAlign 屬性：

Object.style.verticalAlign

值	描述
length	通過(guò)指定的長(zhǎng)度來(lái)提高或降低一個(gè)元素?？墒褂秘?fù)值。
%	通過(guò) "line-height" 屬性的百分比來(lái)提高或降低一個(gè)元素?？墒褂秘?fù)值。
baseline	默認(rèn)。把元素的基線與父元素的基線對(duì)齊。
sub	垂直對(duì)齊文本的下標(biāo)。
super	垂直對(duì)齊文本的上標(biāo)。
top	把元素的頂端與行中最高元素的頂端對(duì)齊。
text-top	把元素的頂端與父元素字體的頂端對(duì)齊。
middle	把元素放置在父元素的中部。
bottom	把元素的底端與行中最低元素的底端對(duì)齊。
text-bottom	把元素的底端與父元素字體的底端對(duì)齊。
inherit	規(guī)定 verticalAlign 屬性的值應(yīng)該從父元素繼承。

瀏覽器支持

所有主要瀏覽器都支持 verticalAlign 屬性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有規(guī)定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

實(shí)例

改變表格中文本的垂直對(duì)齊方式：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<script>
function displayResult(){
????document.getElementById("td1").style.verticalAlign="bottom";
}
</script>
</head>
<body>

<table border="1" height="100px">
??<tr>
????<td id="td1">一些實(shí)例文本</td>
??</tr>
</table>
<br>
<input type="button" onclick="displayResult()" value="對(duì)齊文本">

</body>
</html>

運(yùn)行代碼 ?

Style 對(duì)象其他擴(kuò)展

上一篇：Style transitionDelay 屬性下一篇：Style visibility 屬性