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;一起使用。*/}