LI列表自动排成两列显示

来源:互联网 发布:mac 删除 程序 编辑:程序博客网 时间:2024/06/02 04:26

<!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>
<title>LI列表自动排成两列显示</title>
<style type="text/css">
<!--
body {font:12px/1.5em "Lucida Grande", Verdana, sans-serif; }
 #list {width: 600px;float:left; list-style:disc outside; color:#000; }
 #list li {float:left;}
  #list li a{display:block;float:left; width: 300px; }
-->
</style>
</head>
<body>
 <ul id="list">
<li><a href="/soft/1852.shtml" target="_blank">123</a></li><li><a href="/soft/5043.shtml" target="_blank">456</a></li><li><a href="/soft/4870.shtml" target="_blank">789</a></li><li><a href="/soft/4431.shtml" target="_blank">789456</a></li><li><a href="/soft/3034.shtml" target="_blank">234</a></li><li><a href="/soft/2415.shtml" target="_blank">345</a></li><li><a href="/soft/4381.shtml" target="_blank">458</a></li><li><a href="/soft/1836.shtml" target="_blank">963</a></li><li><a href="/soft/2882.shtml" target="_blank">523</a></li><li><a href="/soft/3578.shtml" target="_blank">5268</a></li>
 </ul>
</body>
</html>

0 0