• 技术文章 >web前端 >css教程

    CSS flexbox是什么?有什么用处?

    不言不言2019-01-18 17:13:35原创3954
    CSS flexbox是什么?有什么用处?本篇文章就来给大家介绍CSS flexbox的相关内容。

    flexbox

    CSS flexbox是什么?

    Flexbox是CSS3中添加的新功能,全称为 Flexible Box Layout Module,利用flexbox布局可以更加容易的创建横向布局。

    使用flexbox进行布局时,父元素称为flex容器,子元素称为flex项,下面我们来看CSS flexbox有什么功能。

    CSS flexbox有什么用处?

    flexbox可以自动调整高度:在浮动或者内联块中可以在高度上实现对齐,即使块中内容增加它也会自动调整,没有必要每次都利用jQuery来控制。

    flexbox可以指定排列顺序,通常创建并排布局,则只能以与垂直排序相同的方式排列它们,利用Flexbox可以随意更改排列顺序,即使顺序突然改变也可以轻松应对。

    flexbox易于指定边距,并排排列元素时的麻烦在于处理周围的边缘,利用flexbox的话,可以使用一行的描述指定这个边距应如何完成而不会受到干扰。

    本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的相关栏目教程!!!

    以上就是CSS flexbox是什么?有什么用处?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:flexbox
    上一篇:如何使用CSS更改占位符颜色?(代码示例) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 分享CSS中使用Flexbox来达到居中效果的实例• 学习Flexbox经验总结• 关于CSS3中Flexbox布局的图文代码分享• CSS3 Flexbox该怎么使用?• 实例详解CSS Flexbox的具体用法• CSS3的Flexbox骰子布局的实现及分析
    1/1

    PHP中文网