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

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

您可能感兴趣的文章:

css创意ul+li实现的细线表格实现代码
非常用创意的用ul+li实现的细线表格效果，不用table
2008-08-08
提高CSS网页渲染效率的11点注意事项
CSS学习越深入，我们需要关注的细节之处就越多，今天我们通过11个注意点来提高CSS的网页渲染效率。
2008-08-08
css分页样式代码
比较经典的分页样式代码，主要是多数字分页
2008-06-06
css li 超出隐藏代码
我们常常希望列表中的内容，超过设置的长度的时候，不要撑开父元素，也不希望它直接换行；我们更愿意让其超过部分用省略号来代替。而在title标签中，置放的是完整的标题。
2008-12-12
CSS规则层叠的应用 css必须要注意的几点
前几天，我解释了 CSS规则层叠时的算法虽然看起来复杂，但是在实际应用过程中，还不算太复杂，因为诸如user style和inline style之类的东西我们很少考虑。
2008-04-04
html活用软字符连接符
2008-02-02
CSS注释、命名、继承性、样式排序等CSS技巧的小结
CSS注释、命名、继承性、样式排序等CSS技巧的小结...
2007-09-09
(X)HTML Strict 下的嵌套规则
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。
2008-06-06
CSS 关于网页图片的属性
其实和跟border的属性一样的东西，做网页的朋友熟练利用下面的样式，就可以做出漂亮的边框效果
2008-09-09
实用的利用 CSS + <em>标签来完成一个三角形的制作
实用的利用 CSS + <em>标签来完成一个三角形的制作...
2007-04-04

css li 超出隐藏代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具