一行三列自适应的CSS列表布局-网页编程网

当前位置：主页 >> DIV+CSS >> 正文

一行三列自适应的CSS列表布局

阅读：5521 输入：2017-05-28 13:18:36

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一行三列</title>
<style type="text/css">

</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>

上一篇：JavaScript文字虚幻抖动
下一篇：css3的@media属性实现页面响应式布局示例代码

相关阅读: 用css控制禁止选择文本(兼容IE,firefox)的方法; css中设置margin:0 auto; 水平居中无效的原因分析; 长串英文字符不换行的原因