css3弹性盒模型(Flexbox)详细介绍
发布时间:2015-05-12 来源:查字典编辑
摘要:Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间...
Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。
Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小。总之,Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩。
创建Flex容器
flexbox布局首先需要创建一个flex容器。为此给元素设置display属性的值为flex。对于IE10来说,我们需要在开头的地方添加-ms-flexbox。
复制代码
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
- ExtJS GridPanel 根据条件改变字体颜色
- ExtJs3.0中Store添加 baseParams 的Bug
- javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
- JQery jstree 大数据量问题解决方法
- Photoshop照片合成教程:阿拉神灯女神
- js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
- javascript showModalDialog,open取得父窗口的方法
- javascript 事件查询综合 推荐收藏
- 魔鬼字典 JavaScript 笔记 代码比较多乱第1/3页
- GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
最新 Div+Css教程学习
热门 Div+Css教程学习