JavaScript HTML DOM Style verticalAlign 属性

  • verticalAlign 属性

    verticalAlign属性设置或返回元素中内容的垂直对齐方式。
    将表中某些文本的垂直对齐设置为“bottom”:
    document.getElementById("myTd").style.verticalAlign = "bottom";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    verticalAlign
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回verticalAlign属性:
    object.style.verticalAlign
    设置verticalAlign属性:
    object.style.verticalAlign = value
  • 属性值

    描述
    length 按指定长度升高或降低元素。 允许负值
    % 以“lineheight”属性的百分比升高或降低元素。 允许负值
    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 文本