在移动端控制文字超出显示
- overflow: hidden;
- 首先超出部分隐藏掉;
- text-overflow: ellipsis;
- 给隐藏的部分的后面加个省略号
- display: -webkit-box;
- 设置为 box 布局
- -webkit-box-orient: vertical;
- 设置 box 为从上向下垂直排列子元素
- -webkit-line-clamp: 2;
- 设置文本显示行数
- white-space: normal;
- 文本自动处理换行, 到达容器边界自动转到下一行
- word-break: break-all;
- 设置自动换行的方法,允许在单词内换行
