CSS文字超出div或者span時顯示省略號

我們常常需要在文本過長時顯示，將超出顯示成省略號：

思想為：

首先設置寬度，然后讓超出的部分隱藏
如果有超出則在最后顯示省略號
讓文本不換行

具體css代碼為：

.title{

width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-break:keep-all;

}

Html代碼就不用寫了，一個div 或者span class = "title"即可。