以下 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
相关话题
Markdown 标准化的阻碍在哪里？为什么childNote.length获取不到body标签的最后一个#text？
html的<td> 标签的width属性设置为100px，但对数字和字母无效？
微信朋友圈能分享有颜色文字算是bug吗?
阿里的 UI 设计和 Google Microsoft Apple 的设计是否有差距？
你见过哪些奇趣的代码注释？
如何在程序里留下彩蛋？
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？
如何了解某一网页上使用的是什么字体、字号？
作为一名 App 开发者，你是如何看待字节跳动剥离 TikTok 美国业务一事的？
相关的话题
jQuery为什么还在发布新版本？有哪些短小却令人惊叹的 JavaScript 代码？
如何评价百度在成都女司机投票上面明目张胆的造假的行为？
怎么理解元编程？
Flutter 革命性的地方在哪里？
从事前端真的没有后端工资高？
从设计人员输出的PSD图到最终转换为页面代码，整个过程要用到哪些知识，使用哪些工具，有哪些注意点？有这方面的书籍推荐吗？
为什么国内政府机关的网站用户界面（UI）那么丑？
为什么 CSS 这么难学？
Safari Reader 的中文字体太丑了，有办法改进吗？
JavaScript里面有什么是不用刻意学的？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
阿里的 UI 设计和 Google Microsoft Apple 的设计是否有差距？
以前的 DHTML 如今是不是也算前端？
前端能否限制用户截图？
用 // 代替 http:// 有什么好处？
为什么form表单提交没有跨域问题，但ajax提交有跨域问题？
如何看待前端的响应式编程，后台有类似的实现吗？
如何评价基于 Vue.js 的 UI 框架 Vuetify.js?
2018年一个合格的前端应该是什么样的？
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
大公司实习经历对下一份工作能带来多少帮助？
为什么现代前端框架放弃了HTML的常规用法?
ES6 await为什么建议用try...catch捕获错误？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
请问各位程序员，是我的思维方式有错误吗？
如何评价 Typescript 的运行时类型检测工具io-ts？
JavaScript里面有什么是不用刻意学的？
开发者和用户之间的世界观距离有多大？
jQuery为什么还在发布新版本？