td/th vAlign 属性

返回上一级

td/th 对象的 vAlign 属性用于设置或返回单元格内数据的垂直排列方式

语法

设置 vAlign 属性

tdObject.vAlign="baseline|bottom|middle|top"
thObject.vAlign="baseline|bottom|middle|top"

返回 vAlign 属性

tdObject.vAlign
thObject.vAlign

值说明

描述
baseline 与基线对齐
bottom 对内容进行下对齐
middle 对内容进行下对齐
top 对内容进行上对齐

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 vAlign 属性

范例

下面的范例更改了单元格内数据的垂直排列方式

<script>
function displayResult(){
    document.getElementById('td1').vAlign="top";
    document.getElementById('td2').vAlign="top";
    document.getElementById('td3').vAlign="top";
}
</script>
<table width="50%" border="1">
    <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Text</th>
    </tr>
      <tr>
        <td id="td1">Peter</td>
        <td id="td2">Griffin</td>
        <td id="td3">你好,我的名字叫Peter,我需要一个长文本来演示,我需要一个长文本来演示。</td>
     </tr>
</table>
<br>
<button type="button" onclick="displayResult()">内容向上对齐</button>

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.