CSS 文字換行

實際工作中，讓某一行字不換行，多余字便顯示省略號的這種需求還是挺多的。特地記錄下來：

//這行文字內容的寬度
width:xxx;
//clip：不顯示省略標記（...），而是簡單的裁切；ellipsis：當對象內文本溢出時顯示省略標記（...）
text-overflow: ellipsis;
//禁止文字換行
white-space: nowrap;
//溢出內容為隱藏
overflow: hidden;

 這四個屬性相互配合，便可解決遇到的問題。