css3弹性盒模型(Flexbox)详细介绍
摘要:Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间...
Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。
Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小。总之,Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩。
创建Flex容器
flexbox布局首先需要创建一个flex容器。为此给元素设置display属性的值为flex。对于IE10来说,我们需要在开头的地方添加-ms-flexbox。
复制代码
【css3弹性盒模型(Flexbox)详细介绍】相关文章:
★ CSS 选择器(Selectors)、属性(Properties)、值(Values)
★ CSS3制作ajax loader icon实现思路及代码
★ css书写技巧
上一篇:
一款纯css3实现的动画加载导航
相关阅读
网友关注
网友最新关注视频
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习