CSS中的text-overflow屬性可以控制當(dāng)文字內(nèi)容超出容器寬度時是否顯示省略號。
/* 顯示省略號 */ text-overflow: ellipsis; /* 不顯示省略號 */ text-overflow: clip; /* 在單詞邊界處顯示省略號 */ text-overflow: clip; white-space: nowrap; overflow: hidden;
其中,使用ellipsis值可以在內(nèi)容溢出時自動顯示省略號,使用clip值則可以在溢出時不顯示省略號。如果希望在單詞邊界處自動加入省略號,則需要將white-space屬性設(shè)為nowrap,同時將overflow屬性設(shè)為hidden,這樣可以保證內(nèi)容不會折行并且超出部分被截斷。