如何在 div 中应用 flex wrap 属性？答案

【问题标题】：How to apply flex wrap property in div?如何在 div 中应用 flex wrap 属性？
【发布时间】：2018-05-24 01:00:02
【问题描述】：

<html>
   <head>
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" 
            rel="stylesheet">
   </head>
   <body>
      <div class="row">
         <div class="col s12">
            <div class="col s6 content-box">
               <div class="subcontent" id="main" >
               </div>
               <!--sub content div for table-->
               <div class="subcontent">
                  <div id="chart1" class="charts">
                  </div>
               </div>
            </div>
            <div class="col s6 content-box">
            </div>
         </div>
      </div>
   </body>
</html>

还有我使用的 css：

.charts {
    height: 162px;
    background-color: #f3eaeacc;
    width: 100%;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;  
    flex-wrap: wrap;
    border-radius: 10px;
    margin-bottom: 5px;
}

这是 div，我想在里面使用 flex wrap 属性。任何人都可以向我建议如何？

【问题讨论】：

您的问题不清楚。 .charts 里面什么都没有，所以没有办法知道你在做什么。请编辑问题以准确说明您要实现的目标

标签： html css flexbox

【解决方案1】：

.subcontent .charts{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;  
    flex-wrap: wrap;
}

希望这个代码块能有所帮助。

【讨论】：

谢谢！我在 div 中应用了这个属性，但这不起作用...
能否分享一下您正在使用的 CSS 代码。