码迷,mamicode.com
首页 > 其他好文 > 详细

DIV做的Table

时间:2017-10-19 10:23:32      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:amp   问题   时间   otto   table   clear   用户   text   ack   

<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="width:50px;">&nbsp;&nbsp; </div>  
                    <div class="cell "  style="width:542px;">问题标题</div>  
                    <div class="cell w200"  style="width:100px;">用户名</div> 
                    <div class="cell" style="width:100px">提问时间</div>  
          <div class="cell" style="width:100px">状态</div>  
                    <div class="cell" style="width:100px;">厂牌</div>  
            <div class="cell" style="width:100px;">车型</div>  
            <div class="cell" style="width:100px;">年份</div>  
                    <div class="cellEnd"></div>  
                </div>  
                <div class="row rowbak">  
                    <div class="cell "  style="width:50px;">01</div>  
                    <div class="cell "  style="width:542px;">我的家庭协作我的家庭协作</div>  
                    <div class="cell "  style="width:100px;">234234234</div>  
                    <div class="cell" style="width:100px">2016/06/30</div> 
                    <div class="cell" style="width:100px">XXrld</div>  
                     <div class="cell" style="width:100px">XXXrld</div>  
                     <div class="cell" style="width:100px">XXXorld</div>  
                    <div class="cell" style="width:100px"> 操作34</div>  
                    <div class="cellEnd"></div>  
                </div>
    <div class="row rowbak">  
                    <div class="cell "  style="width:50px;">01</div>  
                    <div class="cell "  style="width:542px;">我的家庭协作我的家庭协作</div>  
                    <div class="cell "  style="width:100px;">234234234</div>  
                    <div class="cell" style="width:100px">2016/06/30</div> 
                    <div class="cell" style="width:100px">XXrld</div>  
                     <div class="cell" style="width:100px">XXXrld</div>  
                     <div class="cell" style="width:100px">XXXorld</div>  
                    <div class="cell" style="width:100px"> 操作34</div>  
                    <div class="cellEnd"></div>  
                </div>
    <div class="row rowbak">  
                    <div class="cell "  style="width:50px;">01</div>  
                    <div class="cell "  style="width:542px;">我的家庭协作我的家庭协作</div>  
                    <div class="cell "  style="width:100px;">234234234</div>  
                    <div class="cell" style="width:100px">2016/06/30</div> 
                    <div class="cell" style="width:100px">XXrld</div>  
                     <div class="cell" style="width:100px">XXXrld</div>  
                     <div class="cell" style="width:100px">XXXorld</div>  
                    <div class="cell" style="width:100px"> 操作34</div>  
                    <div class="cellEnd"></div>  
                </div>

  
</div>

 

DIV做的Table

标签:amp   问题   时间   otto   table   clear   用户   text   ack   

原文地址:http://www.cnblogs.com/future/p/7690724.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!