div 水平均分的例子(原)

<!DOCTYPE html>
<html>

<head>
    <style>
        #lay-table {
            background-color: #fff;
            color: #666;
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%;
        }

        #lay-table td {
            border-width: 1px;
            border-style: solid;
            border-color: #e6e6e6;
        }
    </style>

<body>
   <table style="display: none;">
        <!-- 水平 2   均 分 -->
        <tr>
            <td colspan="3">0001</td>
            <td colspan="3">0001</td>
        </tr>
        <!-- 水平  3  均 分 -->
        <tr>
            <td colspan="2">0001</td>
            <td colspan="2">0001</td>
            <td colspan="2">0001</td>
        </tr>
    </table>

    <table id="lay-table">
          <!-- 水平 2   均 分 -->
        <tr>
            <td colspan="6">0001</td>
            <td colspan="6">0001</td>
        </tr>
            <!-- 水平  3  均 分 -->
        <tr>
            <td colspan="4">0001</td>
            <td colspan="4">0001</td>
            <td colspan="4">0001</td>
        </tr>
            <!-- 水平  4  均 分 -->
        <tr>
            <!--3x4 =12 12即能被2整除;又能被3整除 还能被4整除;   ;   -->
            <td colspan="3">0001</td>
            <td colspan="3">0001</td>
            <td colspan="3">0001</td>
            <td colspan="3">0001</td>
        </tr>

    </table>

</body>
</head>

</html>

 

posted @ 2020-03-04 17:02  enych  阅读(638)  评论(0编辑  收藏  举报