vertical-align 属性是 HTML DOM 中用来设置元素垂直对齐方式的属性。它可以让元素垂直居中,也可以使元素对齐页面中的其他元素。
vertical-align 属性可以接受以下值:
- baseline:默认值,元素放置在基线上。
- sub:元素放置在下标线上。
- super:元素放置在上标线上。
- top:元素放置在最顶端。
- text-top:元素放置在父元素文本的最顶端。
- middle:元素放置在父元素的中间。
- bottom:元素放置在最底端。
- text-bottom:元素放置在父元素文本的最底端。
- length:元素放置在指定的长度位置,可以是负值。
- percentage:元素放置在父元素的指定百分比位置,可以是负值。
使用方法:
这是一个 div 元素,它的垂直对齐方式是 top。
上面的代码演示了如何使用 vertical-align 属性来设置元素的垂直对齐方式。可以看到,vertical-align 属性是通过 style 属性来设置的,它的值是 top。
vertical-align 属性可以用来调整元素的垂直对齐方式,从而使元素在页面中更加美观。