zoukankan      html  css  js  c++  java
  • 自定义三级表格,方便数据循环


    <div class="m_table_box">
    <div class="m_table">
    <div class="m_cell m_td" style=" 100px"><b>老板</b></div>
    <div class="m_cell m_td" style=" 200px"><b>通店俱乐部名称</b></div>
    <div class="m_cell m_td"><b>已通会员卡卡种</b></div>
    </div>
    <div class="m_table">
    <div class="m_cell m_td m_vertical" style=" 100px">张三1</div>
    <div class="m_cell">
    <div class="m_table">
    <div class="m_cell m_td m_vertical" style=" 200px">
    A店1
    </div>
    <div class="m_cell">
    <div class="m_table">
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    </div>
    <div class="m_table">
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    </div>
    </div>
    </div>
    <div class="m_table">
    <div class="m_cell m_td" style=" 200px">
    A店1
    </div>
    <div class="m_cell">
    <div class="m_table">
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    </div>
    <div class="m_table">
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    <div class="m_cell m_td">11</div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    .m_table{
    display: table;
    100%;
    }
    .m_cell{
    display: table-cell;
    }
    .m_table_box{
    border-top:1px solid #f4f4f4;
    border-left:1px solid #f4f4f4;
    }
    .m_td{
    border-right:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    padding: 8px;
    }
    .m_vertical{
    vertical-align:middle;
    }

    
    
  • 相关阅读:
    Ext.MessageBox.show的用法
    DecimalFormat很强大
    java根据模板导出excel和excel的一些知识
    数组分成若干个数组
    SQL SERVER 创建视图
    java 中怎么根据当前时间得到上周一和上周五的日期
    复选框提交后不合格还在选中状态
    sql语句的学习(2)
    sql语句的学习(1)
    利用LinkedList实现洗牌功能
  • 原文地址:https://www.cnblogs.com/yuyedaocao/p/10063694.html
Copyright © 2011-2022 走看看