以下 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 以外，有什么其他的方法吗？的其他答案点击这里

相关话题

  Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
  后端开发完接口才给出接口文档，合理吗？
  为什么跨域的post请求区分为简单请求和非简单请求和content-type相关？
  前端还有哪些待开垦的领域？
  Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
  避免使用 eval、new Function 的方法可以降低 XSS 攻击的风险吗？为什么？
  JavaScript 是什么？
  jpeg图片在网页中引用时为什么只能写成jpg？
  jQuery为什么还在发布新版本？
  HTML、CSS、JavaScript 为什么不加个标明运行版本号的语法？

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

相关话题

前一个讨论

下一个讨论

相关的话题

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