場景描述:在條目列表中經常遇到,要求固定高度的一行文本,隨著窗口頁面的收縮或分辨率的調整,對該文本進行隱藏展示,超過部分采用省略號“...”來表示。
DIV基本原理:三行CSS代碼
1、white-space:nowrap;white-space屬性表示設置如何處理元素內的空白,nowrap表示文本不會換行,文本會在在同一行上繼續,直到遇到標簽為止。
2、overflow:hidden;overflow屬性表示規定當內容溢出元素框時發生的事情hidden表示內容會被修剪,并且其余內容是不可見的。
3、text-overflow: ellipsis;text-overflow屬性表示規定當文本溢出包含元素時發生的事情ellipsis表示顯示省略符號來代表被修剪的文本。