仿站咨询QQ：2587483189

手机微信同号：15850888840
仿站DIV+CSS 51仿站主页 > 仿站DIV+CSS >

LI中内容超过长度后以省略号显示的方法

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> <head profile="http://www.w3.org/2000/08/w3c-synd/#"> <meta http-equiv="content-language" content="zh-cn" /> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <title>blueidea</title> <style type="text/css"> /*<![CDATA[*/ li {  width:200px;  white-space:nowrap;  text-overflow:ellipsis;   -o-text-overflow:ellipsis;   overflow: hidden;  } /*]]>*/ </style> </head> <body> <ul> <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li> <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li> </body> </html>

dede仿站此方法适用与IE与OP浏览器，FF对此不支持

  • 上一篇：CSS样式命名之“逻辑块命名法”
  • 下一篇：DreamweaverCS3中的CSS布局规则
    • 来源：未知//所属分类： 仿站DIV+CSS /更新时间：2016-10-19
    [返回列表]
    相关仿站教程：