国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

css3 - flex布局下,如何對齊子元素?
淡淡煙草味
淡淡煙草味 2017-07-04 13:45:08
0
4
1869

如圖是我使用justify-content:space-around;,但我希望的是第二行子元素能和第一行上下對齊,其中子元素的數(shù)量不固定,請問如何解決?

淡淡煙草味
淡淡煙草味

全部回復(fù)(4)
習(xí)慣沉默

調(diào)整內(nèi)容:空間之間;

滿天的星座

可能需要點(diǎn)計(jì)算:

.container {
  width: 510px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
}

.item {
  width: 150px;
  height: 150px;
  background: red;
  margin: 10px;
}
<p class="container">
  <p class="item"></p>
  <p class="item"></p>
  <p class="item"></p>
  <p class="item"></p>
  <p class="item"></p>
</p>

在線查看 https://jsfiddle.net/zktf3oc5/

給我你的懷抱

flex 布局在父容器不定寬的情況下做不到你想要的效果.

世界只因有你

Flex實(shí)現(xiàn)布局,主要是你的想法突破常規(guī),橫著布局不成功,使用豎軸方向布局,設(shè)為三列,每列,
flex-direction:colomn;
justify-content :space-around;
總的三列再采用一次
justify-content :space-around;

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板