首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
css li 超出隐藏代码
时间：2008/12/3 18:26:47
这样的方法新手们常常不知道该如何搞定。下面就是方法的演示。不过请注意此方法适用与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=gb2312" /> <title>jb51.net</title> <style type="text/css"> <!-- li { width:200px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } --> </style> </head> <body> <ul> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="//www.jb51.net#">jb51.net - Div CSS布局 常见问题</a></li> </ul> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
上一篇：
多浏览器支持CSS 容器内容超出(溢出)支持自动换行
下一篇：
firefox的超链接点击去除扩大的难看虚线的解决方法
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
CSS2018：突破边界思维 安全是所有0前面的1 _科技_环球网
·
SublimeText的使用技巧分享
·
css中position:absolute和relative的知识点
·
CSS之水平垂直居中布局的五种方法介绍
·
CSS照片墙代码实现教程
·
CSS 控制<table>内容超出表格长度后自动隐藏教程
·
SublimeCodeIntel插件的安装和配置教程
·
CSS文本，锚伪类选择器以及盒子模型（代码实例）
·
SublimeCodeIntel插件的安装和配置教程
·
less在webstorm中的配置教程
返回顶部
