CSS中有一種文本處理方式,可以讓文本在第一行換行后將第二行超出的內容隱藏起來,這就是文本第二行超出隱藏。
.text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 200px; }
以上是一段CSS代碼,其中,overflow: hidden;
用于隱藏超出部分,text-overflow: ellipsis;
用于在隱藏部分末尾添加省略號,white-space: nowrap;
用于防止文字換行,display: block;
用于將行內元素轉換成塊級元素,width: 200px;
則是給文本框設置寬度。
通過以上CSS代碼的設置,當文本長度超過200px時,第二行就會隱藏起來,并在隱藏部分末尾添加省略號。這種處理方式常用于列表、標題等,可以讓頁面更加美觀、整潔。
上一篇css文本第二行換行
下一篇css文本溢出滾動