我想在右側(cè)的文本超過150px的時候,顯示省略號,但是我這樣設(shè)置沒有顯示省略號,是哪里設(shè)置不正確嗎?
2 回答

搖曳的薔薇
TA貢獻1793條經(jīng)驗 獲得超6個贊
text-overflow
屬性是不可以被繼承的,所以如果要其生效,需要寫在其直接父元素上text-overflow
是針對文字的CSS樣式,所以如果它所在的元素內(nèi)沒有文字(元素內(nèi)直接寫的文字,并非任何子元素內(nèi)的文字),它是不會生效的。另外,這個CSS樣式是通過判斷溢出給文字最后加上省略號的,所以需要告訴它怎樣才算溢出。所以在使用這個樣式的元素上需要設(shè)定寬度(有時候也要設(shè)定高度,如果不強制不換行的話)。
所以你這個問題就很明顯了,
.user
的元素內(nèi)沒有直接的文字,你的文本在.user-info
里,所以寬度設(shè)定需要給user-info
加上。另外,如果不是強制不換行的話,也需要加上高度,告訴CSS什么才算是“文本溢出”。
- 2 回答
- 0 關(guān)注
- 3253 瀏覽
添加回答
舉報
0/150
提交
取消