方法1.多行控制（css3）
.text {
width: 100%;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp:;
-webkit-box-orient: vertical;
overflow: hidden;
}
line-clamp:几行以后显示省略号（例子为2行）
方法2.单行定宽
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
应用在block级的元素上
连续字符换行问题
p{
word-break:break-all;
word-wrap:break-word;
}
![[HTML Q&A][转]使pre的内容自动换行](https://www.kunjuke.com/file/css/thumb/4.jpg/280-180.jpg)
