摘要: 新版本 新版本的flex布局模型是2012年9月提出的工作草案,这个草案是由W3C推出的最新语法,这个版本立志于指定标准,让新式的浏览器全面兼容,在未来的浏览器更新换代中实现统一。 目前几乎大部分的浏览器都支持了。浏览器支持情况可以点击这里查看,下图为支持flex的情况 属性详解 首先和之前一样,先 阅读全文
posted @ 2017-04-30 18:58 汕大小吴 阅读(921) 评论(2) 推荐(1) 编辑
摘要: 混合过渡版 上一篇我们主要讲了旧版box布局,今天这篇主要讲flexbox布局。 混合版本的Flexbox模型是2011年提出的工作草案,主要是针对IE10浏览器实现的伸缩布局效果,其功能和旧版本的功能大同小异。 在这里我们还是采用上一篇的文件,使用混合过渡代码实现IE10的伸缩布局。 首先,我们要 阅读全文
posted @ 2017-04-30 17:16 汕大小吴 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 布局简介 CSS3提供了一种崭新的布局方式:Flexbox布局,即弹性伸缩布局模型(Flexible Box)用来提供一个更加有效的方式实现响应式布局。 由于这种布局还处于W3C的草案阶段,并且它分为旧版本、新版本、混合过渡版本三种不同的编码方式。浏览器的兼容性存在一定的问题 首先,我们来看看旧版本 阅读全文
posted @ 2017-04-30 06:14 汕大小吴 阅读(942) 评论(0) 推荐(0) 编辑