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

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

思想為：

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

具體css代碼為：

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

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