HTML/CSS我怎样才能在div的中心创建它？

我的HTML：

  <div id="reszta">
    <h1>HELP ME</h1>
    <div class="app-container">
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    <div class="app">
      <img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png">
      <div class="title">Tytuł</div>
      <div class="price">{{0.00 | currency}}</div>
    </div>
    </div>
  </div>

如何使这些.app div位于div.app容器的中心？现在这个.app容器的左侧有一个float。

---

有人有好办法吗？可能是有边距或最小宽度的？我不知道。

在当前CSS中，应用程序div被强制显示在同一行上（而父div中仍然有空间容纳它们），并左对齐。那是你的花车：左边。 假设您仍然希望在同一行上有多个app div，但希望它居中，最简单的解决方案是将它们更改为内联块元素，然后利用内联和内联块元素响应CSS样式“text align:center”这一事实。 首先，更改应用程序div的CSS（删除浮动，添加显示）：

然后，需要将文本align:center添加到父元素：

.app-container{
    min-width: 15%;
    max-width: 75%;
    height: 590px;
    margin: auto;
    border: 1px solid green;
    text-align: center;
}

---

您希望它们仍然在两行中，但居中吗？还是要将它们堆叠（每行1个）并居中？从

.app

中删除

float:left

属性，然后添加

显示：内联块

我想要两行但居中@Ihazkode谢谢，它很管用。你为什么把它标记为

makefile

问题？请不要垃圾邮件，所以标签。

.app{
    width: 10%;
    min-height: 100px;
    text-align: center;
    border: 1px solid black;
    padding: 10px;
    margin-left: 1.4%;
    margin-top: 1.2%;
    background-color: white;
    border: 1px solid blue;
    display: inline-block;
}

.app-container{
    min-width: 15%;
    max-width: 75%;
    height: 590px;
    margin: auto;
    border: 1px solid green;
    text-align: center;
}