以下 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
相关话题
前端因为像素还原设计稿而离职，这是个别现象吗？HTML5标准完工意味着什么？
为什么现在又流行服务端渲染html？
TypeScript 不适合在 vue 业务开发中使用吗？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
现在整个 Web 前端是「屎山」吗？
为什么 input 元素能用 width 属性？
现在整个 Web 前端是「屎山」吗？
鸿蒙 OS 的多端自动适配功能，是不是夸张了？
用户没有明确提出的需求，但是我们加上一点，很小的改动，能提高用户体验，需不需要做？
相关的话题
如何看待前端面试不知道 lodash 被嘲讽不可思议？鸿蒙 OS 的多端自动适配功能，是不是夸张了？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
请问有什么书，可以浅显趣味的把前端原理讲的相当透彻呢？
为什么要把前端搞的这么复杂，UI 组件不是很好用吗， 难道就是为了推广 nodejs 和 npm 吗?
jpeg图片在网页中引用时为什么只能写成jpg？
现在整个 Web 前端是「屎山」吗？
初期学习前端有合适的电脑推荐么？
应对流量劫持，前端能做哪些工作？
用网页实现一劳永逸的跨平台客户端是否可行？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
“云原生”（Cloud Native）和前端开发的技术结合点在哪里？
html的<td> 标签的width属性设置为100px，但对数字和字母无效？
如何在程序里留下彩蛋？
为什么有的高级程序员很讨厌甚至禁止使用 setTimeout？
如何评价百度在成都女司机投票上面明目张胆的造假的行为？
公司拖欠后端工资逼急了可以删库跑路，逼急了前端该如何何去何从？
为什么能够提供BFC的inline-block元素却不能嵌套block元素？
毕设答辩，老师说node不可能写后台怎么办?
用 // 代替 http:// 有什么好处？
不太理解预防csrf攻击中的“双提交cookie”是什么意思？
为什么W3C要制定content-box盒子模型？IE5.5之前的IE盒子模型放在今天来看也是极好的啊
UI设计是如何崛起的在这十年中——手机Ui？
能独立做出一个自己的博客，前端程序员是什么水平?
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
哪个学校的网站首页最好看？
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？