实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <meta charset="utf-8">
5
        <title>手册网(www.shouce.ren)
6
        </title>
7
        <style>
8
            .Grid {
9
                display: flex;
10
            }
11
            .Grid-cell {
12
                flex: 1;
13
            }
14
        </style>
15
    </head>
16
    <body>
17
        <div class="Grid">
18
            <div class="Grid-cell u-1of4" style="background:red">aaa
19
            </div>
20
            <div class="Grid-cell" style="background:#46b8da">bbb
21
            </div>
22
            <div class="Grid-cell u-1of3" style="background:yellow">ccc
23
            </div>
24
        </div>
25
    </body>
26
</html>
27
​