tr vAlign 属性

返回上一级

tr 对象的 vAlign 属性用于设置或返回数据在行中的垂直对齐方式

语法

设置 vAlign 属性

trObject.vAlign="baseline|bottom|middle|top"

返回 vAlign 属性

trObject.vAlign

值说明

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

范例

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

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

运行范例 »

返回上一级

JavaScript 参考手册

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

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

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