《
两种方法实现超出省略号效果》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233D52013.htm
[ 提示：你可先修改部门代码，再按Ctrl+A 全部取舍 ]
js断定：
HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1,
两句CSS完美截断侧栏最新评论列表.0 Transitional//EN" ",
两个重要维度评估网站价值; <html xmlns=" <head> <meta http-equiv=",
两个并列的div让其根据内容自动保持同等高度;Content-Type" content="text/html; charset=utf-8" /> <title>JS test</title> <,
专门针对IE的CSS hack;style type="text/css"> *{ margin:0; padding:0; } body{ padding:10px; font-family:Arial; } #ididid{ width:150px; line-height:20px; overflow:hidden; border:1px solid #999; } </style> </head> <body> <,
专访站长陈小欢：谈谈网站运营那些事;script type="text/javascript"> function testAuto(thisId,needLeng){ var ididid = document.getElementById(thisId); var nowLeng = ididid.innerHTML.length; if(nowLeng > needLeng){ var nowWord = ididid.innerHTML.substr(0,needLeng)+'...',
专访张华：分享多年B2C网站运营经验; ididid.innerHTML = nowWord; } } </script> <div id="ididid">2323232woaicsswoaicsswoaicsswoaicss</div> <,
与web设计相关的原则，让你的网页脱颖而出;script type="text/javascript"> testAuto('ididid',15) </script> </body> </html>
--> [
网站建设之]两种方式实现超出省略号效果
纯css办法：
HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <,
不要让用户在网站中迷路;html xmlns=" <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS test</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",
不用Cookie的仿刷新二级高亮菜单;>woaicss woaicss woaicsswoaicsswoaicsswoaicss<,
不得不防的友情链接;span></span></div> </body> </html>
[ 提醒：你可先修正局部代码，再按Ctrl+A 全体抉择 ]
Tag：超越省略号后果 超出省略号效果
(责任编辑：网站建设)
两种方法实现超出省略号效果相关文章