如果文本区域显示的都是汉字,在不加样式修饰的时候,是正常换行的了,但是如果输入了连续的英文字母或数字,会导致页面撑开,出现左右滚动条
超出强制换行
超出强制换行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;
网友评论