以下 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
相关话题
如何用通俗易懂的语言解释脚本（script）是什么？为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
canvas可以替代html与css了吗？
2018年一个合格的前端应该是什么样的？
为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具？
乔布斯时代的苹果官网是什么样的？
请问各位程序员，是我的思维方式有错误吗？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
第一次看HTML教程是怎样一种体验？
有哪些设计精美的网页？
相关的话题
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?前端因为像素还原设计稿而离职，这是个别现象吗？
有哪些效果拔群的 WebAssembly 应用？
请问各位程序员，是我的思维方式有错误吗？
github有没有办法前后端分两个项目，前端代码软连接到后端文件夹中?
React.js有哪些设计缺陷？
为什么前端用vue的公司越来越多？
es,js,ts三者有什么关系？
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
如何看待千锋教育在全网开源自己的全学科教学视频？
代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
用python如何写网页？有好的教程码？
22岁，师范大学妹子，学的物理专业，现在转行学习前端，大家有什么好的或者不好的建议吗？
乔布斯时代的苹果官网是什么样的？
乔布斯时代的苹果官网是什么样的？
小程序会成为下一个 Flash 吗？
网页设计中最常用的字体有哪些？（中文和英文）
在国内前端领域里优秀的人很多，为什么没人做出 angularjs 、jQuery 之类优秀的框架？
为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具？
所谓的几年编程经验，潜台词指的是什么？
作为一名 App 开发者，你是如何看待字节跳动剥离 TikTok 美国业务一事的？
如何在程序里留下彩蛋？
大四程序员选择去大公司还是小公司？
为什么 CSS 这么难学？
为什么 CSS :not 选择器不支持复杂选择？
html的<td> 标签的width属性设置为100px，但对数字和字母无效？
为什么后端喜欢把「男女」等枚举类型的数据转成 01？
HTML5标准完工意味着什么？
为什么后端按月份查询数据的时候，不直接让前端传一个年月就好？
如何评价 minggeJS ？