以下 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
相关话题
如何保证用户登录时提交密码已经加密？单人做一个网站需要掌握哪些知识？
为什么知乎上大家都觉得前端自学比培训好？
为什么尤大说react的性能不如vue？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
HTML5标准完工意味着什么？
有哪些设计精美的网页？
为什么跨域的post请求区分为简单请求和非简单请求和content-type相关？
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
为什么 CSS 这么难学？
相关的话题
纯CSS3有什么实现垂直居中的新方法吗？《阮一峰版快速排序完全是错的》一文是否存在事实错误？
只会nodejs，但公司强制要求上php，是让他们招个phper，还是自己去学？
如何看待国内地图行业更新政策商用api每年需支付5w元？
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
有哪些短小却令人惊叹的 JavaScript 代码？
我有一个建站程序，但是多个文件夹下的HTML模板代码没有缩进，请问用什么软件可以批量格式化一下代码？
怎么看待一个阿里工作四年出来的，但却连children()这样的方法都不知道是什么意思的前端？
前端开发中，使用base64图片的弊端是什么？
如何看待react被围攻？技术中立存在吗？
CSS中属性的快捷写法是如何被识别的？
张鑫旭称前端工程师应该为用户体验负责，对此你怎么看？
为什么 CSS 这么难学？
网页设计中最常用的字体有哪些？（中文和英文）
网页设计中最常用的字体有哪些？（中文和英文）
忽然发现自己敲键盘的指法很不标准，我觉得已经对 coding 效率产生影响，怎么办？
如何看待国内地图行业更新政策商用api每年需支付5w元？
学习编程照着别人的代码敲进去有效率吗？
a 标签为什么能够包含块级元素？
react让我怀疑自己没有当程序员的天分怎么破？
前后端分离开发为啥要做成单页面的？
display:flex在移动端兼容性怎么样？
普通程序员在未来会变成廉价劳动力（农民工）吗？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
为什么Vue在国际上越来越没影响力？
什么是响应式布局设计？
jQuery为什么还在发布新版本？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
能够用WordPress仿造apple、魅族官网吗？
客户端 POST 错误，服务端应该回 200 还是 400？