文本多余和换行处理

Posted 2020-06-09

1.多余文本显示省略号

div{
display:block;
width:100px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}

2.自动换行

div{ 
word-wrap: break-word; 
word-break: normal; 
}

3.强制英文单词断行

div{
word-break:break-all;
}

4.强制不换行

div{
white-space:nowrap;
}