以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？ 第1页
1
Ivony 网友的相关建议:
flexible box，你值得拥有：
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> .flex-container { display: flex; flex-direction: column; flex-wrap: wrap; height: 440px; width: 660px; } .flex-container section { box-sizing: border-box; padding: 10px; margin: 10px; width: 200px; height: 200px; border: solid 1px; border-radius: 5px; } .flex-container section:first-child { height: 420px; } </style> </head> <body> <section class="flex-container"> <section>A</section> <section>B</section> <section>C</section> <section>D</section> <section>E</section> </section> </body> </html> 基本上table布局能做到的，flexible box也都能做到，但flexible box的优越性在于可以彻底的分离布局和内容，就像上面这样。
1
相关话题
为什么 input 元素能用 width 属性？如何在程序里留下彩蛋？
Markdown为什么不支持居中、右对齐等格式设置？
为什么facebook没有“回到顶部”按钮，而微博校内有？
CSS的样式表 内联外部和内部优先级？
为什么能够提供BFC的inline-block元素却不能嵌套block元素？
如何评价阿当的文章《当我说前端基础时，我在说什么》？
计算机专业的学生如何系统的学习前端技术？
网页上的一张图片右键选择新窗口打开是正常的，直接复制地址到地址栏打开就不正常了。谁知道是什么原因吗？
为什么知乎上大家都觉得前端自学比培训好？
相关的话题
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？Mac 上最好的网页编辑工具是什么？
乔布斯时代的苹果官网是什么样的？
现在大多数中国Web前端开发工程师是否会考虑无障碍性(Accessibility)？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
CDN是什么？使用CDN有什么优势？
github有没有办法前后端分两个项目，前端代码软连接到后端文件夹中?
为什么facebook没有“回到顶部”按钮，而微博校内有？
乔布斯时代的苹果官网是什么样的？
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
乔布斯时代的苹果官网是什么样的？
为什么Vue在国际上越来越没影响力？
怎么理解元编程？
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
开发者和用户之间的世界观距离有多大？
请问各位程序员，是我的思维方式有错误吗？
为什么不能使用自闭合script标签引入jQuery?
前端因为像素还原设计稿而离职，这是个别现象吗？
22岁，师范大学妹子，学的物理专业，现在转行学习前端，大家有什么好的或者不好的建议吗？
程序员讨厌面试被问一些基础问题么？
Facebook 内部如何看待此次 React 专利事件？
中国大学里有和前端设计相关的专业吗？
如何看待哔哩哔哩的 flv.js 作者月薪不到 5000 元？
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
从设计人员输出的PSD图到最终转换为页面代码，整个过程要用到哪些知识，使用哪些工具，有哪些注意点？有这方面的书籍推荐吗？
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？
为什么后端喜欢把「男女」等枚举类型的数据转成 01？
为什么有些前端一直用 div 当按钮，而不是用 button？
为什么加载 JavaScript 使用 src，加载 CSS 使用 href？
只会nodejs，但公司强制要求上php，是让他们招个phper，还是自己去学？