html結構 <div class="flex flex-sm"> <div class="flex-item item1"></div>
<div class="flex-item item2"></div>
<div class="flex-item item3"></div>
<div class="flex-item item4"></div>
</div>css代碼.flex{ padding:20px; border:1px solid #ccc; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between;
}.flex-item{ width: 250px; border:1px solid #f00;
}.item4{ height: 200px;
}.item1{ height: 120px;
}.item2{ height:100px;
}.item3{ height: 40px;
}未換行時瀏覽器顯示如下:換行時顯示效果請問換行時能否調節橫軸間距呢?嘗試過使用margin,效果不好會破壞布局。
使用flexbox時,多行子元素之間的間距如何控制?
犯罪嫌疑人X
2018-08-13 09:08:48