display:flex;多行多列布局学习

标签：比较   嵌套   页面   技术分享   strong   元素   display   灵活   适应性   

　　从以前的table布局到现在的div布局，再到未来的flex布局，CSS重构方面对展示行和适应性的要求越来越高；

　　首先来比较一下布局方式的更新意义：

　　　　table布局：

　　　　　　优点：1、兼容性好，ie6、ie7或者什么稀奇古怪的浏览器，table布局可以用最小的代价兼容这些稀奇古怪的浏览器；

　　　　　　　　   2、自适应性，根据内容自适应内部元素的宽高；

　　　　　　　　　3、开发时间短；

　　　　　　缺点：1、table嵌套table，性能差；

　　　　　　　　　2、对SEO不友好；

　　　　　　　　　3、样式可塑性差，无法准确实现设计图效果；

　　　　　　　　　4、不利于后期维护；

　　　　div+css布局：

　　　　　　优点：1、页面代码精简。加载速度得到很大的提高

　　　　　　　　　2、对于开发者来说，代码精简，便于阅读和维护

　　　　　　　　　3、利于SEO优化；

display:flex;多行多列布局学习

标签：比较   嵌套   页面   技术分享   strong   元素   display   灵活   适应性   

原文地址：http://www.cnblogs.com/milo-wjh/p/6758198.html