主页 / 问题 / 639086
Accepted
Philin
Asked:2020-03-14 04:04:20 +0000 UTC2020-03-14 04:04:20 +0000 UTC

帮助 flexbox

  • 772

justify-content: center如何同时给一个元素赋值flex-start？事实证明，我需要将所有块都放在中心，并制作最后一行，以便flex-start最后一个元素不在中心，而是被压到左边缘。但我不明白如何实现这一目标。 一个 这就是我需要的，但它都在中心......而且右边没有可怕的缩进

css

2 个回答

  1. Best Answer

    要解决您的问题，您完全可以不用 flex justify-content。将其他所有内容组合成一个块，然后安装margin: 0 auto;. 一般来说，这里：

    .block {
  width: 100%;
  background-color: #eee;
}

.block-flexbox {
  display: flex;
  width: 330px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.block-flexbox-item {
  width: 100px;
  height: 100px;
  margin: 5px;
  background-color: red;
}
    <div class="block">
  <div class="block-flexbox">
    <div class="block-flexbox-item"></div>
    <div class="block-flexbox-item"></div>
    <div class="block-flexbox-item"></div>
    <div class="block-flexbox-item"></div>
    <div class="block-flexbox-item"></div>
    <div class="block-flexbox-item"></div>
    <div class="block-flexbox-item"></div>
  </div>
</div>

    • 3 

  2. .container{display:flex;justify-content:center}
.flx{border:2px solid green;height:50px;width:50px;margin:5px}
    <div class="container">
 <div class="flx"></div>
 <div class="flx"></div>
 <div class="flx"></div>
</div>
<div class="container">
 <div class="flx"></div>
 <div class="flx"></div>
 <div class="flx"></div>
</div>

    • 0

相关问题