段落文本

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; //转化为小写;

你可能感兴趣的:(段落文本)