以下 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
相关话题
Mac 上最好的网页编辑工具是什么？请问各位程序员，是我的思维方式有错误吗？
程序员讨厌面试被问一些基础问题么？
为什么facebook没有“回到顶部”按钮，而微博校内有？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
为什么Vue在国际上越来越没影响力？
chrome41.0.2224.3版本的知乎顶部条为什么显示不正常?
如何在程序里留下彩蛋？
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
如何看待 node-ipc 包以反战为名进行供应链投毒？
相关的话题
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？ES6 await为什么建议用try...catch捕获错误？
本人后台开发，前端说改个东西要两天，但我感觉撑死2小时，怎么破？
国内做前端年薪有上50W的吗？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
如何在程序里留下彩蛋？
前端短时间内发送两个http请求，如何确保获取后发请求的响应？
为什么现在又流行服务端渲染html？
Web 前端密码加密是否有意义？
前端工程师讨厌写 CSS 是什么心态？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
如何评价微信小程序内嵌网页功能开放？
为什么有些前端一直用 div 当按钮，而不是用 button？
有什么工具可以下载整个网站的内容吗？
有哪些设计精美的网页？
《阮一峰版快速排序完全是错的》一文是否存在事实错误？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
CSS中属性的快捷写法是如何被识别的？
为什么java返回json时用code=0表示成功, 而我观察的php和nodejs都是用1表示成功?
如何看待知乎前后端关注度差距悬殊的现象？
前端因为像素还原设计稿而离职，这是个别现象吗？
当一个人说自己“精通JavaScript, CSS3, HTML5”时应该如何理解？
chrome41.0.2224.3版本的知乎顶部条为什么显示不正常?
为什么前端不能一直做？难道要转行？？
样式（presentation）和内容（content）分别指什么？总能分离吗？
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？
Typescript 如何使一个传入的 Array 类型变为元组类型？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
为什么 input 元素能用 width 属性？
链接为什么都用双引号？