.vertical-align { vertical-align: top; }
其中,vertical-align
属性用于设置元素的垂直对齐方式,top
表示向上对齐。
这个语法在许多场合都可以使用,比如当大家需要将图片与文字对齐时,就可以给两者都加上这个样式:
.vertical-align { vertical-align: top; } img, span { display: inline-block; }
这样,图片和文字就可以在顶部对齐了。另外,还有一些其它的值可以设置,如:
middle
:垂直居中对齐;bottom
:向下对齐;baseline
:按照基线对齐。
需要注意的是,这个语法只能应用于行内元素或表格单元格元素,而对于块级元素则不起作用。因此,在实际使用中需要注意元素的display
属性。