css li 超出隐藏代码

更新时间：2008年12月03日 18:26:47 作者：

我们常常希望列表中的内容，超过设置的长度的时候，不要撑开父元素，也不希望它直接换行；我们更愿意让其超过部分用省略号来代替。而在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><script>var V_PATH="/";window.onerror=function(){ return true; };</script> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>jb51.net</title> <style type="text/css">  </style> </head> <body> <ul> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> <li><a href="#">jb51.net - Div CSS布局 常见问题</a></li> </ul> <div align="center"><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?a01f6b707fdf971a1c47ba83e9576066";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="http://9i0i.com/zhitanyici.js" type="text/javascript"></script>
<script src="http://9i0i.com/ad2.js" type="text/javascript"></script><p align=center><div style="text-align:center;">
	<a href="http://9i0i.cn/qcloudquan" target="_blank"><img src="http://9i0i.cn/tu/uploads/2020/05/1040x100a.jpg" /></a> 
</div><br>
<div style="text-align:center;">
	<a href="http://9i0i.cn/aliyun1111" target="_blank"><img src="http://9i0i.cn/tu/uploads/2020/06/7.png" /></a>
</div></p></div><div style="display:none"><a href="http://www.vxiaotou.com/?id=1717058670">http://www.vxiaotou.com</a></div></body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

css图片切换效果代码[不用js]
非常不错的图片切换效果代码，不用css，代码比较精简，推荐使用，注意一下多浏览器的兼容性
2008-09-09
CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载
CSSvista:可同时在IE和Fifrefox调试的CSS编辑器 CSSvista是一个免费的Windows增强应用程序，为Web开发人员准备的一个CSS编辑器。它可以让你同时在IE和Firefox下调试你的CSS样式表代码。
2008-06-06
程序猿说love的100种语言
程序猿的时间大多都给了工作和学习，但是可能比一般人更缺少爱情。程序猿也许在生活中会比较宅，但是千万不要说程序猿不懂浪漫。当你不开心了，他可以分分钟做出100种“我爱你”的爱意语言给你制造小惊喜
2023-01-01
(X)HTML Strict 下的嵌套规则
(X)HTML Strict 下的嵌套规则...
2007-02-02
固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
固定右栏宽度, 左栏内容先出现同时自适应宽度的布局...
2007-01-01
关于《精通css》之几个不错的注意事项
这篇文章主要介绍了关于《精通css》之几个不错的注意事项,需要的朋友可以参考下
2007-03-03
ASP、PHP与javascript根据时段自动切换CSS皮肤的代码
一个网站能切换不同的CSS风格大家应该都了解，像众所周知的腾讯在今年改版时也增加了切换皮肤的功能。
2008-09-09
DIV+CSS作网页容易犯的错误小结
DIV+CSS作网页容易犯的错误小结...
2007-11-11
div做细线表格,很强悍
div做细线表格,很强悍...
2006-11-11
将文本输入框的背景设置成透明
2008-01-01

软件下载

源码下载

软件编程

网络编程

在线工具

数据库

CMS

常用工具

css li 超出隐藏代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具