在CSS中,可以使用“text-overflow”屬性來隱藏文字,當(dāng)文本內(nèi)容超出其容器時,該屬性可以指定文本應(yīng)該如何溢出。
“text-overflow”屬性可以有以下值:
“clip”文本會被裁剪,并且不會顯示溢出部分,這是默認(rèn)的處理方式。
“ellipsis”文本會被裁剪,并且會在溢出部分顯示省略號(...)。
“string”文本會被裁剪,并且會自定義顯示的字符串。
如果你有一個段落,并且希望當(dāng)文本超出其容器時顯示省略號,你可以這樣寫:
p { text-overflow: ellipsis; white-space: nowrap; /* 防止文本自動換行 */ overflow: hidden; /* 隱藏溢出的部分 */ }
這樣,當(dāng)文本超出段落容器時,就會顯示省略號,而不會顯示完整的文本內(nèi)容,注意,這里還使用了“white-space”和“overflow”屬性來配合“text-overflow”使用。
如果你希望自定義顯示的字符串,可以使用“text-overflow: string;”屬性,并指定要顯示的字符串。
p { text-overflow: string("..."); /* 自定義顯示的字符串 */ white-space: nowrap; /* 防止文本自動換行 */ overflow: hidden; /* 隱藏溢出的部分 */ }
這樣,當(dāng)文本超出段落容器時,就會顯示你自定義的字符串,而不會顯示完整的文本內(nèi)容。