我是靠谱客的博主 顺心铃铛,这篇文章主要介绍弹性盒模型,现在分享给大家,希望可以做个参考。

  1. 概念:

弹性盒子是 CSS3 的一种新的布局模式。

CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。
2. 支持的浏览器

表格中的数字表示支持该属性的第一个浏览器的版本号。

紧跟在数字后面的 -webkit- 或 -moz- 为指定浏览器的前缀。

属性
Basic support
(single-line flexbox) 29.0
21.0 -webkit- 11.0 22.0
18.0 -moz- 6.1 -webkit- 12.1 -webkit-
Multi-line flexbox 29.0
21.0 -webkit- 11.0 28.0 6.1 -webkit- 17.0
15.0 -webkit-
12.1

学习链接:

1.https://www.runoob.com/css3/css3-flexbox.html
2. https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox

最后

以上就是顺心铃铛最近收集整理的关于弹性盒模型的全部内容,更多相关弹性盒模型内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部