首页 技术 正文
技术 2022年11月16日
0 收藏 818 点赞 4,420 浏览 36255 个字

Flexible Box Model(灵活盒子模型)

在平常的web横排布局中,会经常用到float或display:inline-block,但是在多种不同宽度的移动设备的自适应布局中用的话,还得设置百分比宽度和考虑清除浮动。而Flexible Box Model可以自动计算宽度和自适应,更加方便。 Flexible Box Model有几个属性:

1、box-orient          在父元素上设置   子元素排列 vertical (垂直) or horizontal(水平)

2、box-flex               在子元素上设置   兄弟元素之间比例,仅作一个系数

3、box-align             在父元素上设置    box 排列

4、box-direction    在父元素上设置    box 方向  可设置reverse排序相反

5、box-flex-group  在子元素上设置   以组为单位的流体系数

6、box-ordinal-group    以组为单位的子元素排列方向

7、box-pack              在父元素上设置   可设置center和vertically

以下是关于flexible box的几个实例

1、三列自适应布局,且有固定margin

<style>
    *{
        margin:0;
        padding:0;
    }
    .wrap {
        display: -webkit-box;
        -webkit-box-orient: horizontal;
    }
    .child {
        min-height: 200px;
        border: 2px solid #666;
        -webkit-box-flex: 1;
        margin: 10px;
        font-size: 100px;
        font-weight: bold;
        font-family: Georgia;
        -webkit-box-align: center;
    }
</style>
<div class=”wrap”>
    <div class=”child”>1</div>
    <div class=”child”>2</div>
    <div class=”child”>3</div>
</div>
<img src="data:image/png;base64,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" alt="">
2、当一列定宽,其余两列分配不同比例亦可(三列布局,一列定宽,其余两列按1:2的比例自适应):

<style>
    *{
        margin:0;
        padding:0;
    }
    .wrap {
        display: -webkit-box;
        -webkit-box-orient: horizontal;
    }
    .child {
        min-height: 200px;
        border: 2px solid #666;
        margin: 10px;
        font-size: 40px;
        font-weight: bold;
        font-family: Georgia;
        -webkit-box-align: center;
    }
    .w200 {width: 200px}
    .flex1 {-webkit-box-flex: 1}
    .flex2 {-webkit-box-flex: 2}
</style>

<div class=”wrap”>
    <div class=”child w200″>200px</div>
    <div class=”child flex1″>比例1</div>
    <div class=”child flex2″>比例2</div>
</div>
<img src="data:image/png;base64,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" alt="">
3、一个常见的web page 的基本布局:

<style>
    *{
        margin:0;
        padding:0;
    }
    header, footer, section {
    border: 10px solid #333;
    font-family: Georgia;
    font-size: 40px;
    text-align: center;
    margin: 10px;
    }
    #doc {
    width: 80%;
    min-width: 600px;
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0 auto;
    }
    header,
    footer {
    min-height: 100px;
    -webkit-box-flex: 1;
    }
    #content {
    min-height: 400px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    }

    .w200 {width: 200px}
    .flex1 {-webkit-box-flex: 1}
    .flex2 {-webkit-box-flex: 2}
    .flex3 {-webkit-box-flex: 3}
</style>

<div id=”doc”>
    <header>Header</header>
    <div id=”content”>
        <section class=”w200″>定宽200</section>
        <section class=”flex3″>比例3</section>
        <section class=”flex1″>比例1</section>
    </div>
    <footer>Footer</footer>
</div>

<img src="data:image/png;base64,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" alt="" width="698" height="465">

更详细的可以查看—>这里

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,085
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,560
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,409
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,182
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,819
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,902