文字显示省略号的CSS

用css让太长的文字显示为省略号

width: 70% ;
display:block; // 这里只要设置为有block属性即可  ，比如 inline-block  、block
white-space:nowrap;  // 强制不换行
overflow:hidden;  // 超出部分隐藏
text-overflow:ellipsis;

实现文本过长用省略号显示如果只用 text-overflow:ellipsis 是无法实现的，还要加上white-space:nowrap overflow:hidden

• 这几个css使用详解 white-space、text-overflow:ellipsis、word-wrap