以下 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 这么难学？C#相对路径 连接Access数据库怎么写??
如何评价知乎 2016 年 11 月上线的桌面 Web 端新版个人主页？
当一个人说自己“精通JavaScript, CSS3, HTML5”时应该如何理解？
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？
知乎登陆页这样设计好吗，你们的体验好么？
以前的 DHTML 如今是不是也算前端？
Chrome 会成为下一个 IE 6 吗?
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？
一码通崩溃的技术原因是什么？
相关的话题
大公司实习经历对下一份工作能带来多少帮助？html如何正确显示像素画？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
如何评价腾讯网首页 2012 年 7 月的改版？
大型公司里外包员工和正式员工有什么区别？
样式（presentation）和内容（content）分别指什么？总能分离吗？
用ASP.NET开发的网站是不是安全性很差?
前端还有哪些待开垦的领域？
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？
Facebook 内部如何看待此次 React 专利事件？
忽然发现自己敲键盘的指法很不标准，我觉得已经对 coding 效率产生影响，怎么办？
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
公司上下近 300 号人，但做 web 开发的就我一个人，请问有必要用 vue 这种前后端分离吗？
为什么都说富文本编辑器是天坑？
写这样一个求婚网页，需要具备什么IT技能？
公司拖欠后端工资逼急了可以删库跑路，逼急了前端该如何何去何从？
12306 在前端上能做哪些改进？
如果工作一年经验的前端开发人员比工作两年的功能测试人员工资低，你还愿意待在那家公司吗？
前端开发的难点到底在什么地方?
怎么理解元编程？
毕设答辩，老师说node不可能写后台怎么办?
如何看待千锋教育在全网开源自己的全学科教学视频？
怎么看待一个阿里工作四年出来的，但却连children()这样的方法都不知道是什么意思的前端？
代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
大公司实习经历对下一份工作能带来多少帮助？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
作为一名 App 开发者，你是如何看待字节跳动剥离 TikTok 美国业务一事的？
现在整个 Web 前端是「屎山」吗？
如何看待前端面试不知道 lodash 被嘲讽不可思议？