均匀布置弹性物品

时间:2019-06-03 14:25:07

标签: css flexbox

使用此代码,我希望第二行中的两个图像像第一行中的前两个图像那样间隔开,而不是一个在flex开始,另一个在flex结束。

如何使用空格和其他内容进行更改或混合?

.flexContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
<div class="flexContainer">
  <img src="https://via.placeholder.com/140x100" />  
  <img src="https://via.placeholder.com/140x100" />  
  <img src="https://via.placeholder.com/140x100" />
</div>

<div class="flexContainer">
  <img src="https://via.placeholder.com/140x100" />  
  <img src="https://via.placeholder.com/140x100" /> 
</div>

0 个答案:

没有答案