当前位置: 网站建设 > 网页设计 > 建站经验 >

两种方法实现超出省略号效果

时间:2013-03-02 03:50来源:未知 作者:admin 点击:

标签:两种方法实现超出省略号效果 修改(5)提示(6)超出(2)两种(11)省略号(2)实现(100)方法(92)效果(56)部门(2)你可(2)
[ 提示:你可先修改部门代码,再按Ctrl+A 全部取舍 ] js断定: HTML代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1, 两句CSS完美截断侧栏最新评论列表 .0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=utf-
两种方法实现超出省略号效果》文章地址: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:超越省略号后果   超出省略号效果  
(责任编辑:网站建设)
两种方法实现超出省略号效果相关文章
上一篇:两句CSS完美截断侧栏最新评论列表 下一篇:个人对用博客群发类软件的一点看法和建议
回到顶部