在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/UI  HTML/ Flex布局時，并且設(shè)置warp，父層寬度如何自適應(yīng)？

Flex布局時，并且設(shè)置warp，父層寬度如何自適應(yīng)？

圖片描述

.flex{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border: 1px solid green;
}

.item{
  margin-bottom: 5px;
  margin-right: 5px;
  background: pink;
  width: 70px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

 <div class="flex">
   <div class="item">
   </div>
   <div class="item">
   </div>
   ...
 </div>

換行后，父層DIV 如何寬度不留白

回答
編輯回答
膽怯

使用flex的：justify-content:space-between;
或參考下這個： https://codepen.io/danield770...

2018年6月9日 18:04
編輯回答
任她鬧

這個或許可以幫你：https://github.com/shaozj/blo...

2017年3月25日 05:07