我們常常需要在文本過長時顯示，將超出顯示成省略號：思想為：首先設置寬度，然後讓超出的部分隱藏如果有超出則在最後顯示省略號讓文本不換行具體css代碼為：.title{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowra...
我們常常需要在文本過長時顯示，將超出顯示成省略號：
思想為：
首先設置寬度，然後讓超出的部分隱藏
如果有超出則在最後顯示省略號
讓文本不換行
具體css代碼為：
.title{
width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-break:keep-all;
}
Html代碼就不用寫了，一個div 或者span class = "title"即可。
