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>
  • 相关阅读:
    常用数据结构的应用场景
    数组与链表的对比
    [LeetCode 293] Flip Game
    [Leetcode] Palindrome Permutation 回文变换
    九大排序算法再总结
    query函数的可查询数据
    Column常用的参数
    sqlalchemy的常用字段
    sqlalchemy基本的增删改查
    sqlalchemy映射数据库
  • 原文地址:https://www.cnblogs.com/future/p/7690724.html
Copyright © 2011-2022 走看看