关于前端:CSS文本溢出省略

单行文本溢出的CSS

.box1{  width:200px; // 设置固定宽度，文本内容超过宽度才会呈现省略成果  white-space:nowrap; // 不容许换行  overflow:hidden; // 暗藏溢出局部  text-overflow:ellipsis; // 应用省略号代替溢出局部}

多行文本溢的CSS

.item {  width: 100px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical; // 垂直布局内容  -webkit-line-clamp: 3; // 设置行数  word-break: break-all; // 只有达到指定宽度，就强制拆分英文单词，使其换行}