以下 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
相关话题
哪个学校的网站首页最好看？只会nodejs，但公司强制要求上php，是让他们招个phper，还是自己去学？
对于一个刚上大学的学生，要钱没钱要技术没技术，只有一个思路可以创业吗？
为什么知乎上大家都觉得前端自学比培训好？
github有没有办法前后端分两个项目，前端代码软连接到后端文件夹中?
为什么现代前端框架放弃了HTML的常规用法?
用 Canvas 实现虚拟列表的难点在哪里？
Mac 上最好的网页编辑工具是什么？
display:flex在移动端兼容性怎么样？
客户端 POST 错误，服务端应该回 200 还是 400？
相关的话题
能独立做出一个自己的博客，前端程序员是什么水平?【校招面试】关于Typescript和ES6的对比？
为什么程序都要用英文写，中文不行吗？
怎么评价淘宝 Web 前端工程师对微软 WP 系统 Web 不兼容的回应？
公司上下近 300 号人，但做 web 开发的就我一个人，请问有必要用 vue 这种前后端分离吗？
前端现在怎么这么多人？
Facebook 内部如何看待此次 React 专利事件？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
网站设计需要多少钱？
为什么不能使用自闭合script标签引入jQuery?
CSS的样式表 内联外部和内部优先级？
普通程序员在未来会变成廉价劳动力（农民工）吗？
项目代码的公共部分该由谁去维护？
Web 前后端分离的意义大吗？
如何看待哔哩哔哩的 flv.js 作者月薪不到 5000 元？
如何看待领导让测试把所有bug都指给前端？
所有浏览器对w3的HTML Tree construction 实现都一致吗？
前端还有哪些待开垦的领域？
用ASP.NET开发的网站是不是安全性很差?
怎样编写一个软件，用于在网站上及时回复雇主自己想接这个项目？
初期学习前端有合适的电脑推荐么？
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
当人们说一个前端框架太“厚重”时，他们在说什么？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
60岁学前端开发，还有就业前景吗？
前端开发的难点到底在什么地方?
第一次看HTML教程是怎样一种体验？
前端嫌我接口分的太多，我该怎么回答？
setTimeout 真的有用吗？
如何评价知乎 2016 年 11 月上线的桌面 Web 端新版个人主页？