Как применить свойство flex wrap в div? - PullRequest
0 голосов
/ 23 мая 2018
<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 внутри.Кто-нибудь может подсказать мне, как?

1 Ответ

0 голосов
/ 23 мая 2018
.subcontent .charts{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;  
    flex-wrap: wrap;
}

Надеюсь, этот блок кода может помочь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...