li 自适应宽度

ttx9n · 发表于 2009-5-2 01:22:17

[html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta http-equiv="Content-Language" content="gb2312" /> 
<title>test</title> 
<style type="text/css"> 
body { 
margin:0; 
padding:0; 
font-size:62.5%; 
font-family:Verdana,Arial,sans-serif; 
text-align:center; 
} 
#nav ul { 
margin:0; 
padding:0; 
list-style:none; 
font-size:1.2em; 
background:#036; 
} 
#nav ul li { 
display:inline; 
} 
#nav ul li a { 
display:-moz-inline-box; 
display:inline-block; 
padding:5px 10px; 
color:#fff; 
background:#333; 
text-decoration:none; 
margin-right:-4px; 
} 
#nav ul li a:hover { 
color:#f5f5f5; 
background:#369; 
} 
</style> 
</head> 
<body> 
<div id="nav"> 
<ul> 
<li><a href="#">index</a></li> 
<li><a href="#">Item two</a></li> 
<li><a href="#">Item three</a></li> 
<li><a href="#">Item four</a></li> 
<li><a href="#">Item five</a></li> 
<li><a href="#">Item six</a></li> 
<li><a href="#">Item seven</a></li> 
<li><a href="#">Item eight</a></li> 
<li><a href="#">Item ten</a></li> 
<li><a href="#">Item eleven</a></li> 
</ul> 
</div> 
</body> 
</html>

提示：您可以先修改部分代码再运行

rveqwdpw5 · 发表于 2022-8-18 07:43:57

看看看咋么

a75620618 · 发表于 2022-11-28 15:45:53

管灌灌灌灌灌灌灌灌灌灌

qwe520 · 发表于 2023-2-1 02:02:15

很不错的玩意

Alisaliu · 发表于 2023-5-6 10:38:44

撒旦撒旦撒擦擦擦擦

a971560 · 发表于 2023-9-15 04:09:20

66666666666

jasonlong · 发表于 2024-3-5 13:23:57

iiguuubhuiuihu

回复用户1 · 发表于 2024-5-14 03:12:25

不错的源码论坛

lba36h7g · 发表于 2024-5-15 15:59:56

强烈支持楼主ing……

5cf304mn2 · 发表于 2024-8-5 22:42:11

啊，数码撒飒飒飒飒

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

[CSS] li 自适应宽度

相关帖子