以下 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
相关话题
CSS中属性的快捷写法是如何被识别的？有哪些 Bootstrap 的学习案例？
程序员讨厌面试被问一些基础问题么？
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？
本人后台开发，前端说改个东西要两天，但我感觉撑死2小时，怎么破？
一码通崩溃的技术原因是什么？
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
纯CSS3有什么实现垂直居中的新方法吗？
有哪些 Bootstrap 的学习案例？
在asp.net mvc的视图文件（.cshtml）中引用外部文件？
相关的话题
有哪些新手程序员不知道的小技巧？如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
UI设计是如何崛起的在这十年中——手机Ui？
为什么7年工作经验的前端竟然回答不出数组的flat方法?
项目代码的公共部分该由谁去维护？
为什么 CSS 这么难学？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
怎样编写一个软件，用于在网站上及时回复雇主自己想接这个项目？
怎样学习才能拥有所谓“高并发”的经验？
JavaScript 如果拥有多线程能力会怎样？
代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？
smarty 应该由谁来写？
鸿蒙 OS 的多端自动适配功能，是不是夸张了？
文本格式（txt、doc）的HTML，有什么办法快速读取出特定的标签及里面的内容？
学习编程照着别人的代码敲进去有效率吗？
如果工作一年经验的前端开发人员比工作两年的功能测试人员工资低，你还愿意待在那家公司吗？
CDN是什么？使用CDN有什么优势？
为什么W3C要制定content-box盒子模型？IE5.5之前的IE盒子模型放在今天来看也是极好的啊
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
Web 前端密码加密是否有意义？
如何看待领导让测试把所有bug都指给前端？
当人们说一个前端框架太“厚重”时，他们在说什么？
Flutter 革命性的地方在哪里？
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
程序员讨厌面试被问一些基础问题么？
如何保证网页的字体在各平台都尽量显示为最高质量的黑体？
用网页实现一劳永逸的跨平台客户端是否可行？
html如何正确显示像素画？