css實現文本超出部分隱藏(完整)

今天寫小程序 有幾處有這個需求.
之前一直用
overflow:hidden; text-overflow:ellipsis;
white-space:nowrap;
也沒遇到問題,這次省略號沒出現..
上網查了查
完整版應該是這樣
text-overflow { display:block;/*內聯對象需加*/ width:31em;/*指定寬度*/ word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 強制在同一行內顯示所有文本，直到文本結束或者遭遇 br 對象。不換行 */ overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */ text-overflow:ellipsis;/* IE 專有屬性，當對象內文本溢出時顯示省略標記() ；需與overflow:hidden;一起使用。*/ }