以下 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
相关话题
vue等前端框架最直接的作用是什么？有大佬发表高见吗？有什么适合碎片时间看的计算机基础书籍推荐？
为什么能够提供BFC的inline-block元素却不能嵌套block元素？
TypeScript 不适合在 vue 业务开发中使用吗？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
一码通崩溃的技术原因是什么？
哪个学校的网站首页最好看？
前端嫌我接口分的太多，我该怎么回答？
前端拿到后端的数据，不能直接用，还要再处理，这样合理吗?
为什么前端不能一直做？难道要转行？？
相关的话题
如何规范 CSS 的命名和书写？CSS的样式表 内联外部和内部优先级？
程序员讨厌面试被问一些基础问题么？
现在整个 Web 前端是「屎山」吗？
前端还有哪些待开垦的领域？
为什么Vue在国际上越来越没影响力？
本人后台开发，前端说改个东西要两天，但我感觉撑死2小时，怎么破？
用ASP.NET开发的网站是不是安全性很差?
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
意识到减肥是个非常大的市场，应该如何深度挖掘？
所谓的几年编程经验，潜台词指的是什么？
如何保证网页的字体在各平台都尽量显示为最高质量的黑体？
为什么说 Gmail 达到了前端技术的最尖端？
为什么现代前端框架放弃了HTML的常规用法?
为什么 input 元素能用 width 属性？
以前的 DHTML 如今是不是也算前端？
C#相对路径 连接Access数据库怎么写??
如何评价 minggeJS ？
如何理解 let x = x 报错之后，再次 let x 依然会报错？
公司产品部门只有一个UI怎么自我提升？
smarty 应该由谁来写？
如何制定完美的与美工的沟通和项目流程？
如何理解 let x = x 报错之后，再次 let x 依然会报错？
如何评价微信小程序内嵌网页功能开放？
以前的 DHTML 如今是不是也算前端？
王垠的《谈谈Parser》是在回应 winter 吗？
单人做一个网站需要掌握哪些知识？
计算机专业的学生如何系统的学习前端技术？
为什么 Dreamweaver 这类所见即所得的编辑器会生成很多垃圾代码？
调试一段代码两个小时都没搞定，继续死磕还是寻找其他方式，你一般会怎么做？