木子屋
 

标题: 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.047 ms

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

你没有权限发表评论

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

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.047 ms

暂无评论

返回

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

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.063 ms