以下 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标准完工意味着什么？
为什么childNote.length获取不到body标签的最后一个#text？
西安电信一码通项目此前报道中提到「两天两夜把 1m 图片优化到100kb」，图像压缩技术难度是怎样的？
你见过哪些奇趣的代码注释？
为什么 CSS 这么难学？
Chrome 会成为下一个 IE 6 吗?
前端同事被富婆包养了，在深圳买了房，他代码技术远不如我，现在心里很不平衡，如何调节自己？
相关的话题
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？为什么国内政府机关的网站用户界面（UI）那么丑？
为什么要把前端搞的这么复杂，UI 组件不是很好用吗， 难道就是为了推广 nodejs 和 npm 吗?
如何看待程序员不写注释？
网站设计需要多少钱？
从设计人员输出的PSD图到最终转换为页面代码，整个过程要用到哪些知识，使用哪些工具，有哪些注意点？有这方面的书籍推荐吗？
为什么国内政府机关的网站用户界面（UI）那么丑？
用python如何写网页？有好的教程码？
有哪些 Bootstrap 的学习案例？
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
有哪些新手程序员不知道的小技巧？
用 Git 一定要用命令行吗？用命令行一定高贵吗？
如何评价 2017 年 2 月 7 日知乎的新版网页界面？
为什么form表单提交没有跨域问题，但ajax提交有跨域问题？
jpeg图片在网页中引用时为什么只能写成jpg？
计算机专业的学生如何系统的学习前端技术？
为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具？
为什么国内政府机关的网站用户界面（UI）那么丑？
单人做一个网站需要掌握哪些知识？
chrome41.0.2224.3版本的知乎顶部条为什么显示不正常?
一码通崩溃的技术原因是什么？
网页设计中最常用的字体有哪些？（中文和英文）
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
你见过哪些奇趣的代码注释？
前端因为像素还原设计稿而离职，这是个别现象吗？
算法老师劝学生放弃学习 JavaScript，我该怎么办？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
意识到减肥是个非常大的市场，应该如何深度挖掘？
前端工程师讨厌写 CSS 是什么心态？
王垠的《谈谈Parser》是在回应 winter 吗？