css 应用小技巧

一。超出文字部分 ... 省略号显示

• 单行内容 ... 显示

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;  // 空白的处理方式  nowrap 文本不换行，在同一行显示； pre-wrap 保留空白，但同时，支持换行

• 多行内容 ... 显示

• display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;