以下 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
相关话题
用ASP.NET开发的网站是不是安全性很差?在国内前端领域里优秀的人很多，为什么没人做出 angularjs 、jQuery 之类优秀的框架？
为什么知乎上大家都觉得前端自学比培训好？
ES6 await为什么建议用try...catch捕获错误？
哪个学校的网站首页最好看？
王垠的《谈谈Parser》是在回应 winter 吗？
公司产品部门只有一个UI怎么自我提升？
有哪些新手程序员不知道的小技巧？
CDN是什么？使用CDN有什么优势？
HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？
相关的话题
前端开发的难点到底在什么地方?网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？
第一次看HTML教程是怎样一种体验？
请问有什么书，可以浅显趣味的把前端原理讲的相当透彻呢？
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
如何看待 Reaktor Hello World 卫星将搭载 node.js 程序?
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？
样式（presentation）和内容（content）分别指什么？总能分离吗？
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?
setTimeout 真的有用吗？
小程序会成为下一个 Flash 吗？
用户没有明确提出的需求，但是我们加上一点，很小的改动，能提高用户体验，需不需要做？
开发web前端为什么用后端node(npm安装模块和webpack打包方式)?
普通程序员在未来会变成廉价劳动力（农民工）吗？
前端嫌我接口分的太多，我该怎么回答？
为什么 CSS 这么难学？
如何在程序里留下彩蛋？
为什么很多网站使用微软雅黑？
哪个学校的网站首页最好看？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
为什么 input 元素能用 width 属性？
为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具？
为什么W3C要制定content-box盒子模型？IE5.5之前的IE盒子模型放在今天来看也是极好的啊
大公司实习经历对下一份工作能带来多少帮助？
开发web前端为什么用后端node(npm安装模块和webpack打包方式)?
中国大学里有和前端设计相关的专业吗？
为什么有些前端一直用 div 当按钮，而不是用 button？