【css】文字相关样式（持续更新中）

记录一些工作中常用的有关文字处理的css相关样式

行间距	line-height:value;
字符间距	letter-spacing:value;
单词间距  word-spacing:value;
文本缩进  text-indent:value;

文本修饰  text-decoration:none(默认) || underline(下划线) || line-through(中划线) || overline(上划线)
文本阴影  text-shadow:2px 2px 2px red;(分别代表：右偏移量 下偏移量 模糊半径 颜色)

字母转换  text-transform:uppercase(全大写) || lowercase(全小写) || capitalize(首字母大写)
文本不可选中	 user-select:none;
文本超出隐藏  overflow: hidden;text-overflow: ellipsis;white-space:nowrap;

强制不换行	white-space:nowrap;
强制换行（英文）	word-break:break-all;
强制换行（中文）	white-space:pre-wrap;

文字两端对齐  
/*文字两端对齐方式1*/
span{
    width: 130px;
    display: inline-block;
    text-align: justify;    
    text-align-last: justify;
    text-justify:distribute-all-lines; // 这行必加，兼容ie浏览器
  }
/*文字两端对齐方式2*/
  span{
    width: 130px;
    display: inline-block;
    text-align: justify;
    &:after{  // 这里 伪元素after 或者 伪元素before 都行
      content: '';
      display: inline-block;
      width: 100%;
    }
  }