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;
    }

    
    
  • 相关阅读:
    23种设计模式目录总览
    Unity3d优化总结2
    Unity3d优化总结1
    Unity四元数和旋转
    浅谈Unity中的GC以及优化
    Unity自带寻路Navmesh
    High-level NavMesh Building Components
    Unity3D的四种坐标系
    安装SQLserver2008r2出现 试图执行未经授权的操作
    C#获取上传文件的扩展名
  • 原文地址:https://www.cnblogs.com/yuyedaocao/p/10063694.html
Copyright © 2011-2022 走看看