分类：建站杂谈 | 阅读：8580 | 评论：0 | 最新评论：2009-7-18 8:28:44 By
一行三列自适应宽度的CSS列表布局，也说是常用的包含标题、时间、或作者的三列布局，也是CSS新手们布局中问的比较多的问题，本代码段可以为你提供一个不错的参考，缩小浏览器窗口，它为自动适应变化。
程序代码:
<!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" />
<title>一行三列</title>
<style type="text/css">
<!--
*{margin: 0px; padding:0px;}
body {font-size:12px; padding:100px;}
.news{}
.news li{ list-style:none; clear:both}
.news li a#n1{ text-decoration:none; float:left; line-height:22px;}
.news li a#n2{ text-decoration:none; float:right; color:#999}
.news li a#n3{ float:right; padding-right:20px;color:#999}
.news li a#n1:hover{ text-decoration:underline;}
.news li a#n3:hover,.news li a#n3:hover{ text-decoration:none;}
-->
</style></head>
<body>
<ul class="news">
<li><a href="/" id="n1">左列，标题项</a><a id="n2">阅读次数</a><a id="n3">时间</a></li>
<li><a href="/" id="n1">>> VB 6.0 简体中文标准版</a><a id="n2">1245</a><a id="n3">2009-07-08</a></li>
<li><a href="/" id="n1">>> CPU型号并使用DES加密 </a><a id="n2">6567</a><a id="n3">2009-08-08</a></li>
<li><a href="/" id="n1">>>5个常用的J2ME类库</a><a id="n2">8543</a><a id="n3">2008-08-04</a></li>
<li><a href="/" id="n1">>> CPU型号并使用DES加密</a><a id="n2">1238</a><a id="n3">2008-08-03</a></li>
</ul>
</body>
</html>
24小时新发主题 
最近被编辑的主题 
超过24小时普通主题