我是靠谱客的博主 顺心铃铛,最近开发中收集的这篇文章主要介绍弹性盒模型,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

  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

最后

以上就是顺心铃铛为你收集整理的弹性盒模型的全部内容,希望文章能够帮你解决弹性盒模型所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部