品易云推流 关闭
文章 > css教程 > css Flexbox布局的介绍

css Flexbox布局的介绍

css

头像

小妮浅浅

2021-04-23 16:16:39219浏览 · 0收藏 · 0评论

1、概念

Flexbox是flexiblebox的简称(注:灵活的箱容器),是CSS3引进的新布局模式。决定了要素如何在页面上排列,可以在不同的画面尺寸和设备下预测地表现出来。

2、特点

(1)在不同的方向上排列元素。

(2)重新排列元素的显示顺序。

(3)改变元素对齐方式。

(4)动态地将元素装入容器中。

3、开启布局实例

如果要开启容器的 flex 布局,只需要在 css 里边给.flex 设置display: flex属性,给它加上了 100px 的高度:

display: flex;
height: 100px;

以上就是css Flexbox布局的介绍,希望对大家有所帮助。更多css学习指路:css教程

关注公众号

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图 底部广告图按钮