单行
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
多行
{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-line-clamp: 6; /*多行在这里修改数字即可*/
/* autoprefixer: on */
-webkit-box-orient: vertical;
word-wrap:break-word;
word-break:break-all;
}
css 文字超出没有换行。强制换行word-wrap:break-word;与word-break:break-all;
word-wrap:break-word;
word-break:break-all;
如果是表格,建议使用“word-break:break-all;”,我去查看了一下其他UI框也是使用的这个属性。如果只是一个中英文的内容,建议使用“word-wrap:break-word;”,这个属性当英文超出,不能拆断英文单词,以最佳的方式来显示。