css超出文本控制

正常汉字/英文字母对比

如果文本区域显示的都是汉字，在不加样式修饰的时候，是正常换行的了，但是如果输入了连续的英文字母或数字，会导致页面撑开，出现左右滚动条

超出强制换行

超出强制换行

word-break: break-all;

超出不允许换行

超出不允许换行

white-space: nowrap;

超出显示省略号

超出显示省略号

width: 360px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

多行超出显示省略号

多行超出显示省略号

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