CSS3中的單行隱藏是用來控制文本內容過長時,只顯示一行,并將多余的部分隱藏起來的一種效果。
.single-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
上述代碼中的三個屬性分別為:
- overflow:控制超出容器范圍的內容如何顯示,此處為隱藏。
- text-overflow:控制文本內容溢出容器時如何呈現省略號,此處為省略號代替超過一行的部分。
- white-space:控制文本內容如何進行換行,此處為不進行換行。
使用以上代碼時,只需要給需要隱藏的文本加上class="single-line"即可實現單行隱藏效果。
下一篇mysql查詢自定義欄