美文网首页
段落文本

段落文本

作者: Lzg | 来源:发表于2019-06-27 16:38 被阅读0次

    1.text-align: 文本对齐方式
         left: 左对齐
         right:右对齐
         conter: 居中
         justify: 内容两端对齐。

    1. text-indent: 文本首行缩进
           px:绝对单位像素的缩进
           em:相对单位的缩进
           16px=1em;
      line-height: 20px;
            px:行高 = 父元素的高;

    3.单行文本省略号
         white-space: nowrap; //强制在一行显示;
         overflow:hidden;   //溢出隐藏;
         text-overflow: ellipsis; //文本溢出时显示省略号;

    4.多行文本省略号
        display:-webkit-box; //转换为老弹性盒
        -webkit-box-orient:vertical; //排列方式为垂直;
        -webkit-lin-clamp:3; //最多显示第几行;
        overflow:hidden; //溢出隐藏;
        text-overflow:ellipsis; //文本溢出时显示省略号;

    5.文本装饰

    text-decoration-line: 文本装饰的种类:
            none;//默认值 无
            underline; //下划线
            overline; //上划线
            line-through; //贯穿线(删除线);

    text-decoration-style: 文本装饰的样式:
            solid;//默认值 实线
            double; //双线
            dotted; //点线
            dashed; //虚线;
            wavy; //波浪线

    text-transorm: 文字大小写:
            none; //无转化;
            capitalize; //首字母大写;
            uppercase; //转化为大写;
            lowercase; //转化为小写;

    相关文章

      网友评论

          本文标题:段落文本

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