3行點(diǎn)點(diǎn)點(diǎn)css是一種常見的技巧,用于顯示長文本的截?cái)嘈Ч_@種技巧可以通過css屬性和偽元素來實(shí)現(xiàn),下面是一個(gè)例子:
p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
這三行css代碼的作用如下:
1. overflow: hidden; 表示當(dāng)文本內(nèi)容超出容器的邊界時(shí),隱藏超出部分。
2. text-overflow: ellipsis; 表示在文本截?cái)嗟奈恢锰砑邮÷蕴?hào)。
3. white-space: nowrap; 表示防止文本換行,保持單行顯示。
使用這種技巧可以讓文本在容器內(nèi)自動(dòng)截?cái)嗖⑻砑邮÷蕴?hào),有利于提高頁面的可讀性和美觀性。