css li 超出隐藏代码

ttx9n · 发表于 2008-12-3 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/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
<li><a href="https://www.jb51.net/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
<li><a href="https://www.jb51.net/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
<li><a href="https://www.jb51.net/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
<li><a href="https://www.jb51.net/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
<li><a href="https://www.jb51.net/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
<li><a href="https://www.jb51.net/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
<li><a href="https://www.jb51.net/www.jb51.net">jb51.net - Div CSS布局 常见问题</a></li> 
</ul> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

lsc54 · 发表于 2022-8-14 08:43:33

看到这帖子真是高兴！

95nd4ba · 发表于 2022-9-11 23:14:09

收下来看看怎么样

xf9hlg1 · 发表于 2022-12-8 11:17:35

有什么好的服务器

r8st9 · 发表于 2023-7-2 21:30:32

很好，谢谢分享

z80vh · 发表于 2023-9-16 18:42:49

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

Alisaliu · 发表于 2023-9-21 17:09:20

问问问企鹅哇哇哇哇哇

i3x3r3 · 发表于 2023-11-9 12:45:45

老衲笑纳了

Alisaliu · 发表于 2024-6-8 11:54:39

挺不错的东西

lsc54 · 发表于 2024-6-16 03:29:59

收下来看看怎么样

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] css li 超出隐藏代码

相关帖子