CSS常见文字样式设置

字体样式：

• word-break
• word-wrap
• word-spacing:控制字与字之间空格的宽度
• letter-spacing:定义了字与字之间的距离
• vertical-align:垂直方向控制
• text-aligin:横向控制

  1.单行文字过长隐藏

  .txt{
  width:100px;//一定要设置宽度
    white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hiden;
  }

  2.对行文字过长隐藏

  .txt{
    overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;//可以设置行数
  }