html超过一定长度显示,span 超过一定的长度显示...

2.

CSS省略号代码

*{

margin:0;

padding:0;

}

body{

padding:10px;

font-family:Arial;

}

#ididid{

position:relative;

width:150px;

height:20px;

line-height:20px;

text-overflow:ellipsis;

white-space:normal;

*white-space:nowrap;

overflow:hidden;

border:1px solid #999;

}

#ididid span{

position:absolute;

top:0;

right:0;

display:block;

float:left;

}

#ididid span:after{content:"...";}

易网时代——电脑教程丰富的网络学院

3.css控制文字显示长度，超过用省略号替代通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加…来实现标题长度截取的。其实我们也可以通过CSS来控制。实列如下：.title{width:200px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;} 可用span或div引用,例如:客户端解决标题显示太长省略多余部分并加省略号的样式

客户端解决标题显示太长省略多余部分并加省略号的样式

以上2例显示在超过样式定义的200px宽度后,后面的字符将被…替换.