css3弹性盒模型(Flexbox)详细介绍
发布时间:2015-05-12 来源:查字典编辑
摘要:Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间...
Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。
Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小。总之,Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩。
创建Flex容器
flexbox布局首先需要创建一个flex容器。为此给元素设置display属性的值为flex。对于IE10来说,我们需要在开头的地方添加-ms-flexbox。
复制代码
相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
- ■iphone5s更新ios7.1卡顿怎么办? 苹果5s ios7.1卡顿假死解决教程
- ■ios7.1 carplay找不到怎么办?苹果ios7.1正式版没有carplay解决方法
- ■苹果iOS 7.1新Bug曝光 部分用户GRPS或3G网络成摆设
- ■谈谈如何设计一张适合的名片?
- ■ios7.1怎么挂电话?苹果ios7.1正式版挂电话解决方法教程
- ■微信5.2共存版iPhone安装教程图文详解
- ■设计师必看:经典商标设计六大原则详解(图文)
- ■更新iOS 7.1导致耗电加速自行解决方法
- ■平面设计技巧全面解析(图文)
- ■ios7.1 3g开关没有怎么办?苹果ios7.1正式版没有3g原因及解决方法
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类