Sciter学习:Flow布局

Flow介绍

Flow布局是Sciter特有的布局,本质上来说和前端的Flex是一个东西,但是作为一个针对桌面客户端的库,做了一些修改。

Flow实例

横向布局

<html>
<head>
    <style>
        .parent {
            flow: horizontal;
            border: 1px solid red;
        }

        .child {
            width: 32px;
            height: 32px;
            border: 1px solid blue;
        }
    </style>
</head>
<body>
    <div class="parent">
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>
</body>

</html>

Sciter学习:Flow布局

纵向布局

参考资料

CSS Flexible Flow Module
Flex units from Web Fronted developer perspective
Comparison of display:flex (browser) and flow/flex units (Sciter)

上一篇:怎么避免类的私有变量向外暴露


下一篇:每日一题86