以下 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
相关话题
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?阿里的 UI 设计和 Google Microsoft Apple 的设计是否有差距？
为什么知乎上大家都觉得前端自学比培训好？
用python如何写网页？有好的教程码？
纯CSS3有什么实现垂直居中的新方法吗？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
作为前端开发者，不了解flash，可耻吗？
如何评价基于 Vue.js 的 UI 框架 Vuetify.js?
只会nodejs，但公司强制要求上php，是让他们招个phper，还是自己去学？
你见过哪些奇趣的代码注释？
相关的话题
所有浏览器对w3的HTML Tree construction 实现都一致吗？有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
意识到减肥是个非常大的市场，应该如何深度挖掘？
用python如何写网页？有好的教程码？
前端同事被富婆包养了，在深圳买了房，他代码技术远不如我，现在心里很不平衡，如何调节自己？
有哪些效果拔群的 WebAssembly 应用？
Chrome 会成为下一个 IE 6 吗?
第一次看HTML教程是怎样一种体验？
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
假如女朋友（前端女）专门做了一个网页送给你作生日礼物，你会很感动吗很喜欢这份礼物吗？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
文本格式（txt、doc）的HTML，有什么办法快速读取出特定的标签及里面的内容？
哪个学校的网站首页最好看？
前端做的页面为什么总是跟设计稿差很多?
Markdown 标准化的阻碍在哪里？
链接为什么都用双引号？
如何看待前端的响应式编程，后台有类似的实现吗？
为什么form表单提交没有跨域问题，但ajax提交有跨域问题？
Flutter 革命性的地方在哪里？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
为什么国内没有像CSDN那样的机械论坛？
大四程序员选择去大公司还是小公司？
用Vue开发前端，UI框架用elementui好还是bootstrap好呢？
《阮一峰版快速排序完全是错的》一文是否存在事实错误？
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？
毕设答辩，老师说node不可能写后台怎么办?
为什么 input 元素能用 width 属性？
&&-||能完全代替所有可以使用if-else的情况吗？
Edge 浏览器当初为什么不是基于 Firefox 重构？