段落文本

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

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 855评论 0 10
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 172评论 0 0
  • 公告 本专栏的相关的文章已不在简书同步更新,请直接访问 VBA探秘 官方网站或关注微信公众号获取最新文章动态。 目...
    Zebe阅读 409评论 0 0
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 840评论 1 3
  • 公告 本专栏的相关的文章已不在简书同步更新,请直接访问 VBA探秘 官方网站或关注微信公众号获取最新文章动态。 目...
    Zebe阅读 265评论 0 0