以下 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
相关话题
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?
html如何正确显示像素画？
为什么不能使用自闭合script标签引入jQuery?
用 Git 一定要用命令行吗？用命令行一定高贵吗？
当一个人说自己“精通JavaScript, CSS3, HTML5”时应该如何理解？
为什么网页都可以查看源代码？
JavaScript 是什么？
独立开发先写前端还是先写后端？
相关的话题
a 标签为什么能够包含块级元素？Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
CSS中属性的快捷写法是如何被识别的？
为什么在 macOS 下 Chrome 的流畅度比 Safari 差很多？
哪个学校的网站首页最好看？
github有没有办法前后端分两个项目，前端代码软连接到后端文件夹中?
当人们说一个前端框架太“厚重”时，他们在说什么？
如何看待程序员不写注释？
微信朋友圈能分享有颜色文字算是bug吗?
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
UI设计是如何崛起的在这十年中——手机Ui？
单人做一个网站需要掌握哪些知识？
没有计算机相关背景，个人如何制作网站？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
如何看待知乎前后端关注度差距悬殊的现象？
应对流量劫持，前端能做哪些工作？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
如何规范 CSS 的命名和书写？
Edge 浏览器当初为什么不是基于 Firefox 重构？
公司规定所有接口都用 post 请求，这是为什么？
为什么能够提供BFC的inline-block元素却不能嵌套block元素？
如何看待千锋教育在全网开源自己的全学科教学视频？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
请问各位程序员，是我的思维方式有错误吗？
2018年一个合格的前端应该是什么样的？
HTML5标准完工意味着什么？
为什么知乎前端圈普遍认为H5游戏和H5展示的JSer（负责前端界面工作的程序员）不属于前端工程师呢？