分享

vertical-align垂直对齐方式(行内元素和行内块元素有效)

 以怪力乱神 2018-08-13

父相对值

这些值垂直对齐元素相对于其父元素:

baseline
将元素的基线与其父元素的基线对齐。某些替换元素的基线,例如<textarea>,HTML规范未指定,这意味着它们在此关键字中的行为可能因浏览器而异。
sub
将元素的基线与其父元素的下标 - 基线对齐。
super
将元素的基线与其父元素的上标 - 基线对齐。
text-top
将元素的顶部与父元素的字体顶部对齐。
text-bottom
将元素的底部与父元素的字体的底部对齐。
middle
将元素的中间与基线加上父级的x高度的一半对齐。
<length>
将元素的基线与其父元素的基线上方的给定长度对齐。允许负值。
<percentage>
将元素的基线与其父元素的基线之上的给定百分比对齐,其值为line-height属性的百分比允许负值。

线相对值

以下值将元素相对于整行垂直对齐:

top
将元素及其后代的顶部与整行的顶部对齐。
bottom
将元素及其后代的底部与整条线的底部对齐。

对于没有基线的元素,使用底部边距边缘。链接到部分

表格单元格的值

baseline(和subsupertext-toptext-bottom<length>,和<percentage>
将单元格的基线与行基线对齐的所有其他单元格的基线对齐。
top
将单元格的顶部填充边缘与行的顶部对齐。
middle
将行中单元格的填充框居中。
bottom
将单元格的底部填充边缘与行的底部对齐。

允许负值。链接到部分

形式语法


baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多