Html 在一个div中显示多个图像

如何使用css和html在一个div中显示多个图像？
例：

以下是我迄今为止所做的：

---

将图像分成两个不同的分区，并将这些分区放在一个主分区内，然后如果需要，可以将ContainerDiv居中放置，或者对其执行任何操作，并且内容将始终是每行两个图像
但是我建议使用引导来实现这种功能，但是，无论如何，它来了：

<div class='ContainerDiv'>
      <div class="deck">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/kXlrGioGfFKOvibpsPzzGx16cP2.jpg" alt="testimage">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/zzfwhweu5reCv2Loqzon7Q5WAd5.jpg" alt="testimage">
      </div>

      <div class="deck">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/sGuZHYvu0mXeQCwvJ5yzk2Yoytq.jpg" alt="testimage">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/4Ar01t6sW1ZZBcbz2R1wqjzIBdr.jpg" alt="testimage">
      </div>
</div>

---

Fiddle:

将图像分为两个不同的分区，并将这些分区放在主分区中，然后如果需要，可以将ContainerDiv居中放置或执行任何操作，并且内容将始终是每行两个图像
但是我建议使用引导来实现这种功能，但是，无论如何，它来了：

<div class='ContainerDiv'>
      <div class="deck">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/kXlrGioGfFKOvibpsPzzGx16cP2.jpg" alt="testimage">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/zzfwhweu5reCv2Loqzon7Q5WAd5.jpg" alt="testimage">
      </div>

      <div class="deck">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/sGuZHYvu0mXeQCwvJ5yzk2Yoytq.jpg" alt="testimage">
          <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/4Ar01t6sW1ZZBcbz2R1wqjzIBdr.jpg" alt="testimage">
      </div>
</div>

小提琴：你能试试这个吗

  .deck{
    display:block;
    width:100%;
    }

  .deck img{
    width:50%;
    float:left;
  }

参考：

你能试试这个吗

  .deck{
    display:block;
    width:100%;
    }

  .deck img{
    width:50%;
    float:left;
  }

---

请参阅：

试试这个好的，它工作得很好，你有什么问题，我没有看到任何我想显示的图像，例如：我不确定我是否知道你想要什么，但是添加一个宽度是不够的`.deck{width:444px}`Hey@mappyrord，我下面的答案对你有帮助吗？如果是，请您将其标记为corret？试试这个好的，它工作得很好，您的问题是什么，我没有看到任何我想显示的图像，例如：我不确定是否知道您想要什么，但添加宽度是不够的`.deck{width:444px}`Hey@mappyrord，我下面的答案对你有帮助吗？如果是，你能把它标记为正确的吗？