如何设置列表(li)超出部分显示省略号？_网络技术教程_网站制作

如何设置列表(li)超出部分显示省略号？

如何设置列表(li)超出部分显示省略号？

作者：佚名文章来源：本站原创点击数：更新时间：2007-5-7 16:33:50

关键字信息载入中...

广告载入中...

　　我们常常希望列表中的内容，超过设置的长度的时候，不要撑开父元素，也不希望它直接换行；我们更愿意让其超过部分用省略号来代替。而在title标签中，置放的是完整的标题。
　　这样的方法新手们常常不知道该如何搞定。下面就是方法的演示。不过请注意此方法适用与IE与OP浏览器！

设置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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>webjx.com</title> <style type="text/css">  </style> </head> <body> <ul> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> <li><a href="http://www.webjx.com#">webjx.com - Div CSS布局常见问题</a></li> </ul> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

文章录入：83202907 责任编辑：83202907

上一篇文章：网页制作时CSS对文字溢出时的自动隐藏处理

下一篇文章：小结CSS对一行内文本超出指定宽度溢出的处理

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

网络热门

网络热门信息载入中...

相关评论信息载入中...

友情链接

虚拟主机	羿高域名商务	千度安全认证	电脑问题知识库	中国站长学院	推广之家	中国教程网	电脑爱好者俱乐部
常州IT网	电脑之家	帮你我网	IT知道网	点击申请	点击申请	点击申请	点击申请

什么是伪静态？如何设置…
Apache+Tomcat负载平衡设…
CSS列表标签出现问题的解…
Apache下服务器虚拟主机…
如何设置服务器支持.sht…
ISA设置缓存内容定时下载…
ISA设置缓存内容定时下载…
设置磁盘读写权限彻底封…
QQ视频质量优化设置
QQ安全中心应用指南：安…