您当前的位置: 首页 > 前端教程 > CSS教程 > LI中内容超过长度后以省略号显示的方法

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

作者:不详 来源:网络 发布时间: 2010-07-17 15:39 点击:
!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd htmlxmlns=http://www.w3.org/1999/xhtmlxml:lang=zhlang=zh headprofile=http://www.w3.org/2000/08/w3c-synd/# FCK:metahttp-equiv=content-languagecontent=zh-

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

  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh">
  <headprofile="http://www.w3.org/2000/08/w3c-synd/#">
  <FCK:metahttp-equiv="content-language"content="zh-cn"/>
  <FCK:metahttp-equiv="content-type"content="text/html;charset=gb2312"/>
  <title>LI中内容超过长度后以省略号显示的方法</title>
  <styletype="text/css">
  /*<![CDATA[*/
  li{
  width:200px;
  white-space:nowrap;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  overflow:hidden;
  }
  /*]]>*/
  </style>
  </head>
  <body>
  <ul>
  <li><ahref="#"_fcksavedurl="#">web标准常见问题大全web标准常见问题大全</a></li>
  <li><ahref="#"_fcksavedurl="#">web标准常见问题大全web标准常见问题大全</a></li>
  <li><ahref="#"_fcksavedurl="#">web标准常见问题大全web标准常见问题大全</a></li>
  <li><ahref="#"_fcksavedurl="#">web标准常见问题大全web标准常见问题大全</a></li>
  <li><ahref="#"_fcksavedurl="#">web标准常见问题大全web标准常见问题大全</a></li>
  </body>
  </html>

分享到:
本文"LI中内容超过长度后以省略号显示的方法"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4