首页 > 其他分享 >几种对齐方式

几种对齐方式

时间:2022-11-05 15:00:28浏览次数:49  
标签:方式 vertical align 元素 几种 基线 对齐 顶端

基线对齐(vertical-align : baseline)使元素的基线同基准元素(取行高最高的作为基准)的基线对齐
顶端对齐(vertical-align : top)是将元素的行内框的顶端与行框的顶端对齐
底端对齐(vertical-align : bottom)与顶端对齐(vertical-align : top)相反
中间对齐(vertical-align : middle)通常使用在图片上,将图片的垂直方向的中线与文本行的中线(文字元素的行内框中线)对齐。
文本顶端对齐(vertical-align : text-top)是将元素行内框的顶端同行框的顶线对齐
文本底端对齐(vertical-align : text-bottom)是将元素行内框的底端同行框的底线对齐
上标(vertical-align:super)使元素的基线相对于基准元素的基线升高;
下标(vertical-align:sub)使元素的基线降低,移动的幅度CSS规范中没有规定,由浏览器来决定。

 

标签:方式,vertical,align,元素,几种,基线,对齐,顶端
From: https://www.cnblogs.com/ltwlh/p/16860198.html

相关文章