欢迎光临

木子屋

标题: css+ul实现多行多列显示内容示例

作者: dnawo

日期: 2013-02-27 09:52 AM

分类: HTML/CSS

内容: 复制内容到剪贴板 程序代码<style type="text/css">
* {margin: 0px; padding:0px;}
ul {list-style: none; width:200px;}
li {float: left;}
.w50 {width: 50px;}
.w150 {width: 150px;}
.clear {clear: both;}
</style>
<ul>
<li class="w50">10001</li>
<li class="w150">张三</li>
<li class="w50">10002</li>
<li class="w150">李四</li>
<li class="w50">10003</li>
<li class="w150">王五</li>
</ul>
<div class="clear"></div>

+ 查看当前日志评论 (0)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.516 ms

返回

标题: css+ul实现多行多列显示内容示例

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.516 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.531 ms

返回