以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？第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的优越性在于可以彻底的分离布局和内容，就像上面这样。

以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？的其他答案点击这里

相关话题

  用 Git 一定要用命令行吗？用命令行一定高贵吗？
  用 // 代替 http:// 有什么好处？
  公司规定所有接口都用 post 请求，这是为什么？
  是什么阻碍了代码的重用？问题是否应该只解决一次即可？
  Ant Design 圣诞节彩蛋事件之后，作为一名开发应该如何正确使用第三方库？
  有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
  如何评价基于 Vue.js 的 UI 框架 Vuetify.js?
  如何规范 CSS 的命名和书写？
  大四程序员选择去大公司还是小公司？
  以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？

以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？ 第1页

相关话题

前一个讨论

下一个讨论

相关的话题

以下 CSS 栅格布局除了用 table 以外，有什么其他的方法吗？第1页