以下 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
相关话题
避免使用 eval、new Function 的方法可以降低 XSS 攻击的风险吗？为什么？十五言这样赤裸裸地抄袭 Medium，能被人们接受么？
开发web前端为什么用后端node(npm安装模块和webpack打包方式)?
网页设计中最常用的字体有哪些？（中文和英文）
没有计算机相关背景，个人如何制作网站？
为什么有的高级程序员很讨厌甚至禁止使用 setTimeout？
从设计人员输出的PSD图到最终转换为页面代码，整个过程要用到哪些知识，使用哪些工具，有哪些注意点？有这方面的书籍推荐吗？
为什么很多网站使用微软雅黑？
HTML元素有什么优势，而我从头到尾就会用个div？？
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
相关的话题
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？smarty 应该由谁来写？
es,js,ts三者有什么关系？
为什么现在又流行服务端渲染html？
忽然发现自己敲键盘的指法很不标准，我觉得已经对 coding 效率产生影响，怎么办？
如何评价基于 Vue.js 的 UI 框架 Vuetify.js?
有什么工具可以下载整个网站的内容吗？
单人做一个网站需要掌握哪些知识？
为什么 input 元素能用 width 属性？
Flutter 革命性的地方在哪里？
如何评价百度在成都女司机投票上面明目张胆的造假的行为？
王垠的《谈谈Parser》是在回应 winter 吗？
做一个网页才几千，为什么程序员工资上万？
第一次看HTML教程是怎样一种体验？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
怎么理解元编程？
HTML元素有什么优势，而我从头到尾就会用个div？？
能独立做出一个自己的博客，前端程序员是什么水平?
前后端分离开发为啥要做成单页面的？
为什么 CSS :not 选择器不支持复杂选择？
JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
为什么Vue在国际上越来越没影响力？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
如何使 IE 的旧版本如 IE 6.0，7.0，8.0 退出市场？
为什么国内政府机关的网站用户界面（UI）那么丑？
应对流量劫持，前端能做哪些工作？
如何评价知乎 2017 年 1 月 的改版？
JavaScript能否能实现所有函数调用时的钩子函数？
什么是响应式布局设计？
如何看待鸿蒙应用开发框架采用JavaScript作为开发语言？