• DIV做的Table


    <style>
            div.table{
        border:1px solid #d7d7d7;
        margin-left:0px;
        border-bottom-width:0;
        width:1200PX;
        border-left-width:0;
        text-align:left;
        line-height:40px;
    }
    .clear0{
        clear:both;
        height:0px;
    }
    div.table .row{
        clear:both;
        overflow:hidden;
        border-bottom:1px solid #d7d7d7;
    }
    .rowbak{
    }
    div.table .srow{/*没有cell的一行*/
        overflow:visible;
        margin-left:1px;
        border-bottom:1px solid #d7d7d7;
        border-left:1px solid #d7d7d7;
    }
    div.table .cell{
        border-left:1px solid #d7d7d7;
        float:left;
        margin-left:1px;
        margin-right:-1px;
        margin-bottom:-1000px;
        padding-bottom:1000px;
    }
    div.table .cellEnd{
        clear:both;
        width:0;
    }
    div.table .rowbak .cell{
        background-color:#f2ecec;
        height:100%;
    }
        </style>
    <div class="table" >  
          <div class="row" style="line-height:40px;background-color:#d7d7d7;text-align:center;">  
              <div class="cell "  style="50px;">&nbsp;&nbsp; </div>  
                        <div class="cell "  style="542px;">问题标题</div>  
                        <div class="cell w200"  style="100px;">用户名</div> 
                        <div class="cell" style="100px">提问时间</div>  
              <div class="cell" style="100px">状态</div>  
                        <div class="cell" style="100px;">厂牌</div>  
                <div class="cell" style="100px;">车型</div>  
                <div class="cell" style="100px;">年份</div>  
                        <div class="cellEnd"></div>  
                    </div>  
                    <div class="row rowbak">  
                        <div class="cell "  style="50px;">01</div>  
                        <div class="cell "  style="542px;">我的家庭协作我的家庭协作</div>  
                        <div class="cell "  style="100px;">234234234</div>  
                        <div class="cell" style="100px">2016/06/30</div> 
                        <div class="cell" style="100px">XXrld</div>  
                         <div class="cell" style="100px">XXXrld</div>  
                         <div class="cell" style="100px">XXXorld</div>  
                        <div class="cell" style="100px"> 操作34</div>  
                        <div class="cellEnd"></div>  
                    </div>
        <div class="row rowbak">  
                        <div class="cell "  style="50px;">01</div>  
                        <div class="cell "  style="542px;">我的家庭协作我的家庭协作</div>  
                        <div class="cell "  style="100px;">234234234</div>  
                        <div class="cell" style="100px">2016/06/30</div> 
                        <div class="cell" style="100px">XXrld</div>  
                         <div class="cell" style="100px">XXXrld</div>  
                         <div class="cell" style="100px">XXXorld</div>  
                        <div class="cell" style="100px"> 操作34</div>  
                        <div class="cellEnd"></div>  
                    </div>
        <div class="row rowbak">  
                        <div class="cell "  style="50px;">01</div>  
                        <div class="cell "  style="542px;">我的家庭协作我的家庭协作</div>  
                        <div class="cell "  style="100px;">234234234</div>  
                        <div class="cell" style="100px">2016/06/30</div> 
                        <div class="cell" style="100px">XXrld</div>  
                         <div class="cell" style="100px">XXXrld</div>  
                         <div class="cell" style="100px">XXXorld</div>  
                        <div class="cell" style="100px"> 操作34</div>  
                        <div class="cellEnd"></div>  
                    </div>
    
      
    </div>
  • 相关阅读:
    linux安装nginx
    python-- python threadpool 的前世今生
    如何用 Go 实现热重启
    使用expect快速登录线上机器
    curl 使用手册
    date命令时间戳和时间之间的转换
    linux设置程序运行超时时间
    你见过的最全面的python重点
    golang学习之旅:使用go语言操作mysql数据库
    Python多进程编程
  • 原文地址:https://www.cnblogs.com/future/p/7690724.html
Copyright © 2020-2023  润新知