当前位置:首页 >> 网页设计 >> 浏览文章

css根据宽度自动忽略多余字符并加省略号

作者:admin 日期:2010年12月03日 来源:本站原创 浏览:

<style type="text/css">
ul,li{padding:0; margin:0; list-style:none;}
li{width:95%;margin:0 auto; height:22px;line-height:22px; }
li a{white-space: nowrap;text-overflow:ellipsis; overflow:hidden;width:100%;}
</style>

<div style="width:300px; padding:5px;">
<ul>
<li><a href="#">测试一下效果看能不能达到啊哈只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶</a></li>
<li><a href="#">测试一下效果看能不能达到啊哈只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶</a></li>
<li><a href="#">测试一下效果看能不能达到啊哈只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶</a></li>
<li><a href="#">测试一下效果看能不能达到啊哈只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶</a></li>
</ul>
</div>


代码很简单,一个是给他个长度,这儿最主要的东西就是 white-space: nowrap;text-overflow:ellipsis;

上一篇文章:网页制作技巧文章之用CSS定义滚动条的颜色
下一篇文章:没有了

点金商务引擎是什么?
      点金商务引擎是由深圳点金信息技术有限公司推出的一款网络营销软件。它搜集了全球2000多个优秀的商贸网站,集中最丰富的商业信息。它将引导企业通过互联网宣传产品,寻找客户,让企业无须丰富的网络知识,轻松实现网络营销。
更多>>

相关导航:建站经验网站SEO优化WEB2.0搜索引擎flash技术网络编程虚拟主机域名网络安全服务器营销知识营销研究营销技巧营销策略营销新闻网站策划
Copyright(C) 2009-2010 石家庄辉煌园商贸有限公司 版权所有
公司网站  咨询热线: 0311-88708888 0311-88709888 0311-88709766 0311-88709840  公司网站
网址:www.huihuangyuan.org 电子邮件:86234885@163.com 监督电话:13700319526
客户网站  在线QQ:543130132 MSN:sjz139@hotmail.com 公司地址:石家庄市裕华区方兴路68号(二机厂北)  客户网站