如何用css实现不能自动换行,如果文字过长,省略,用”…”替代?

如何用css实现不能自动换行,如果文字过长,省略,用”…”替代?

如题。
text-overflow列显示不是CSS已知的属性名?

最好是用块级元素,父级必须得有个宽度,如果不设置,列如移动端会出现横向滚动条

举例:


    

亮兆标题信息


    

内容描老键穗述



white-space:nowrap;    //代表文字不自动换行

overflow:hidden;          //代表溢出隐藏

text-overflow:ellipsis;   //代侍卜表溢出省略号

很好用的,一般只设置溢出隐藏会出现截取一般的字,用这个属性就不会了,溢出会出现...


比如给span标签指碧实现问题效果:
给span添加如下css:
span{ white-space:nowrap/*使元素神逗缓内的内容不能自动换行*/;width:200px;height:25px; overflow:hidden/*超出隐藏*/;text-overflow: ellipsis/*超出部分不能显游模示的用...代替*/;}
一般粗卜都是用javascript,用CSS的倒没听说过,岩模穗用javascript截取字符串,超过定义的长度就截取前面的,后面加上...就行。码枝
像你说的那种情况,应该用程序进行控制,提取前多少个字节,css我认为不能实现!



New Document






纳橡升
<洞老table border="1">
如简

许国柱许国柱许国柱许国柱许国柱许国柱许国柱许国柱许国柱