zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    fatal: unable to auto-detect email address (got 'tim@newton.(none)')的解决方法
    使用git命令提示“不是内部或外部命令
    Windows系统下安装 CMake
    php与mysql的连接
    array_merge和加号的区别
    可重入锁的实现
    redis scan
    redis主丛,哨兵和集群的区别
    高并发架构系列:Redis并发竞争key的解决方案详解
    laravel上传图片
  • 原文地址:https://www.cnblogs.com/future/p/7690724.html
Copyright © 2011-2022 走看看