热搜：编程 Python Microsoft 编程语言 C++

li 自适应宽度

发布时间：2023-03-14 04:41:41 来源：互联网

.

时间就是生命。时光不会倒流，珍惜此刻，奋斗未来吧。记住你无畏青春的样貌，你未必出类拔萃，但必须与众不一样。

<!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 rel="nofollow noopener noreferrer" href="#">index</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item two</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item three</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item four</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item five</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item six</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item seven</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item eight</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item ten</a></li> 
<li><a rel="nofollow noopener noreferrer" href="#">Item eleven</a></li> 
</ul> 
</div> 
</body> 
</html>

到此这篇关于li 自适应宽度就介绍到这了。人生之间，有些偶遇，因为行色匆匆，我们擦肩而过；有些机缘，因为缺少珍惜，我们失之交臂。有时由于任性，我们错失了一段光华；有时太过冲动，我们错过了一生的相守。有些人，因为陪你走的时间长了，你便淡然了，漠视了，其实是他们给你撑起了生命的天空；有些人，分开了，就忘了吧，残缺是一种大美。更多相关li 自适应宽度内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签： 自适应 li