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