百科问答小站 logo
百科问答小站 font logo



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

  

user avatar   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的优越性在于可以彻底的分离布局和内容,就像上面这样。




  

相关话题

  vue等前端框架最直接的作用是什么?有大佬发表高见吗? 
  为什么能够提供BFC的inline-block元素却不能嵌套block元素? 
  如何制定完美的与美工的沟通和项目流程? 
  中国大学里有和前端设计相关的专业吗? 
  JavaScript里面有什么是不用刻意学的? 
  如何让领导打消让UI写前端的念头? 
  我有一个建站程序,但是多个文件夹下的HTML模板代码没有缩进,请问用什么软件可以批量格式化一下代码? 
  做一个网页才几千,为什么程序员工资上万? 
  如何看待前端面试不知道 lodash 被嘲讽不可思议? 
  如果工作一年经验的前端开发人员比工作两年的功能测试人员工资低,你还愿意待在那家公司吗? 

前一个讨论
Java 8的新特性lambda表达式是否比匿名内部类具有更好的可读性?
下一个讨论
为什么苹果能进入中国并且生存得很好,而谷歌却不行?





© 2024-06-24 - tinynew.org. All Rights Reserved.
© 2024-06-24 - tinynew.org. 保留所有权利