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>
  • 相关阅读:
    如何用Java编写一段代码引发内存泄露
    获取一天的开始时间和结束时间
    servlet,jsp,tomcat,jdk对应版本关系,如何查看jsp和servlet版本信息
    什么是元数据?
    什么是Device ID?
    如何查看移动设备标识码
    手机wifi的mac地址是什么??
    MD5摘要
    落地页和离线广告
    广告行业一些常用物料的尺寸
  • 原文地址:https://www.cnblogs.com/future/p/7690724.html
Copyright © 2011-2022 走看看