zoukankan html css js c++ java

Html和CSS布局技巧-九宫格布局（三）

三、九宫格布局

<!-- 利用table实现 -->
<style media="screen">
    .parent{ display: table; table-layout: fixed; width: 100%; }
    .row { display: table-row; }
    .item{ display:table-cell; width: 33.3%; height: 200px; }
</style>
<body>
    <div class="parent">
        <div class="row">
            <div class="item">1</div>
            <div class="item">2</div>
            <div class="item">3</div>
        </div>
        <div class="row">
            <div class="item">4</div>
            <div class="item">5</div>
            <div class="item">6</div>
        </div>
        <div class="row">
            <div class="item">7</div>
            <div class="item">8</div>
            <div class="item">9</div>
        </div>
    </div>
</body>

<!-- 利用flex实现 -->
<style media="screen">
.parent{display: flex;flex-direction: column;}
.row{height: 100px;display: flex;}
.item{width: 100px; background: red;}
</style>
<body>
    <div class="parent">
        <div class="row">
            <div class="item">1</div>
            <div class="item">2</div>
            <div class="item">3</div>
        </div>
        <div class="row">
            <div class="item">4</div>
            <div class="item">5</div>
            <div class="item">6</div>
        </div>
        <div class="row">
            <div class="item">7</div>
            <div class="item">8</div>
            <div class="item">9</div>
        </div>
    </div>
</body>

查看全文

相关阅读:
CBOW Model Formula Deduction
RBM Formula Deduction
various Sequence to Sequence Model
Gated Recurrent Unit (GRU)公式简介
 RNN 入门教程 Part 4 – 实现 RNN-LSTM 和 GRU 模型
 List接口
 集合框架的接口
 接口的使用
 常量的定义
 接口的特性与定义

原文地址：https://www.cnblogs.com/ron123/p/8668080.html