2.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS省略号代码</title><style type="text/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:"...";}</style></head><body><div id="ididid">易网时代——电脑教程丰富的网络学院<span></span></div></body></html>
3.css控制文字显示长度，超过用省略号替代通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加…来实现标题长度截取的。其实我们也可以通过CSS来控制。实列如下：.title{width:200px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;} 可用span或div引用,例如:<span class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</span><div class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</div> 以上2例显示在超过样式定义的200px宽度后,后面的字符将被…替换.
