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宽度后,后面的字符将被…替换.