文本效果--显示文本

1.强制显示一行：

    white-space:nowrap;

2.超出文本隐藏

    overflow:hidden;

3.超出部分用省略号代替

    text-overflow:ellipsis;

4.控制多行文本显示

    display: -webkit-box;  //转为可伸缩性的盒子

    -webkit-line-clamp: 3; //显示3行

    overflow: hidden;  //超出文本部分隐藏

    -webkit-box-orient: vertical;  // 从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）

    text-overflow:ellipsis;   //超出部分用省略号代替