美文网首页
CSS text-align 和 vertical-align

CSS text-align 和 vertical-align

作者: 菇凉大大 | 来源:发表于2017-12-01 19:29 被阅读0次

    text-align 属性的定义和用法:

    text-align 属性规定 元素中的文本水平对齐方式

    该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值justify;不同用户代理可能会得到不同的结果。

    left : 把文本排列到左边。默认值:由浏览器决定。

    right : 把文本排列到右边。

    center : 把文本排列到中间。

    justify : 实现两端对齐文本效果。

    inherit : 规定应该从父元素继承text-align属性的值。


    vertical-align 属性的定义和用法:

    vertical-align 属性设置 元素的垂直对齐方式

    该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。

    baseline : 默认。元素放置在父元素的基线上。

    sub : 垂直对齐文本的下标。

    super : 垂直对齐文本的上标。

    top : 把元素的顶端与行中最高元素的顶端对齐。

    text-top : 把元素的顶端与父元素字体的顶端对齐。

    middle : 把此元素放置在父元素的中部。

    bottom : 把元素的顶端与行中最低的元素的顶端对齐。

    text-bottom : 把元素的底端与父元素字体的底端对齐。

    length : 垂直对齐文本的下标。

    % : 使用“line-height”属性的百分比值来排列此元素。允许使用负值。

    inherit : 规定应该从父元素继承vertical-align 属性的值。

    相关文章

      网友评论

          本文标题:CSS text-align 和 vertical-align

          本文链接:https://www.haomeiwen.com/subject/ccowbxtx.html