以下 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
相关话题
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？单人做一个网站需要掌握哪些知识？
为什么那么多公司做前后端分离项目后端响应的 HTTP 状态一律 200？
如何评价基于 Vue.js 的 UI 框架 Vuetify.js?
不太理解预防csrf攻击中的“双提交cookie”是什么意思？
如何评价腾讯网首页 2012 年 7 月的改版？
后端开发完接口才给出接口文档，合理吗？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
ajax发送json数据到后台时，数据中包含html代码的文本，会出现Connection Error如何解决?
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
相关的话题
如何评价百度在成都女司机投票上面明目张胆的造假的行为？前端嫌我接口分的太多，我该怎么回答？
没有计算机相关背景，个人如何制作网站？
HTML元素有什么优势，而我从头到尾就会用个div？？
公司上下近 300 号人，但做 web 开发的就我一个人，请问有必要用 vue 这种前后端分离吗？
如何评价微信小程序内嵌网页功能开放？
纯CSS3有什么实现垂直居中的新方法吗？
Promise 不能被取消，真的算是它的缺点吗？
JavaScript 是什么？
JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
用 Canvas 实现虚拟列表的难点在哪里？
没有计算机相关背景，个人如何制作网站？
纯CSS3有什么实现垂直居中的新方法吗？
网站设计需要多少钱？
如何评价微信小程序内嵌网页功能开放？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
为什么国内没有像CSDN那样的机械论坛？
如何看待前端的响应式编程，后台有类似的实现吗？
前端技术岗，阿里 P7、百度 T6、腾讯 T3.1 的要求是怎样的？
哪个学校的网站首页最好看？
怎么看待一个阿里工作四年出来的，但却连children()这样的方法都不知道是什么意思的前端？
为什么java返回json时用code=0表示成功, 而我观察的php和nodejs都是用1表示成功?
前端当前是否处在一个糟糕的时代？
网站设计需要多少钱？
如何制定完美的与美工的沟通和项目流程？
为什么前端框架 react、vue 里会出现生命周期的说法？
假如重新设计「验证码」，应该如何设计？
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？