以下 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
相关话题
为什么W3C要制定content-box盒子模型？IE5.5之前的IE盒子模型放在今天来看也是极好的啊为什么有些前端一直用 div 当按钮，而不是用 button？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
前端短时间内发送两个http请求，如何确保获取后发请求的响应？
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？
如何看待百度要求内部全面停止使用 React / React Native?
CDN是什么？使用CDN有什么优势？
浏览器根据charset判断编码方式的疑问？
前端能否限制用户截图？
相关的话题
为什么要把前端搞的这么复杂，UI 组件不是很好用吗， 难道就是为了推广 nodejs 和 npm 吗?一码通崩溃的技术原因是什么？
前端工程师讨厌写 CSS 是什么心态？
客户端 POST 错误，服务端应该回 200 还是 400？
为什么操作系统没有前端和后端，而计算机很多其他领域却分前后端?
国内做前端年薪有上50W的吗？
前端短时间内发送两个http请求，如何确保获取后发请求的响应？
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？
如何看待react被围攻？技术中立存在吗？
如何看待 Ant Design 圣诞节彩蛋事件？
怎么评价淘宝 Web 前端工程师对微软 WP 系统 Web 不兼容的回应？
vue等前端框架最直接的作用是什么？有大佬发表高见吗？
web前端使用框架相对于直接用html+css+js有哪些优势？
如何理解编程过程中的逻辑严谨性？
Promise 不能被取消，真的算是它的缺点吗？
网页设计中最常用的字体有哪些？（中文和英文）
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？
当一个人说自己“精通JavaScript, CSS3, HTML5”时应该如何理解？
IT 公司需要前后端都懂的人吗？
前端做的页面为什么总是跟设计稿差很多?
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
如何看待知乎前后端关注度差距悬殊的现象？
程序员讨厌面试被问一些基础问题么？
国内三大巨头 BAT 为何不开发一个浏览器内核？
没有计算机相关背景，个人如何制作网站？
JavaScript 是什么？
Edge 浏览器当初为什么不是基于 Firefox 重构？
前端工程师讨厌写 CSS 是什么心态？
第一次看HTML教程是怎样一种体验？
王垠的《谈谈Parser》是在回应 winter 吗？