html - 在 CSS 中创建图像拼贴

Question

我正在做一个元素，我到了一个地方，我决定实现一个拼贴画。 我已经完成了拼贴，它在这里:Fiddle

但我想在不对 div1 的元素使用属性 float 的情况下做同样的事情。

如果可能，我想在 div1 的元素上只使用属性 right 和 left，而不减小元素的大小那个分区。

抱歉，我的母语不是英语，我正在尽力而为。

Answer 1

希望您喜欢这样的内容:

body {
  width: 380px;
  margin: 0 auto;
}

.div1{
  text-align:justify;
}

.div1:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.div1 span img{
  width:45%;
}

<div class="div1">      
  <span><img src="https://picsum.photos/189/324?random=1" alt="rd1"/></span> 
  <span><img src="https://picsum.photos/189/324?random=2" alt="rd2"/></span>      
</div>

<div class="div2">
  <img src="https://picsum.photos/380/325?random=3" alt="rd3"/>
</div>

我的评论:我已将“img”宽度值设置为 45%，但您可以将其设置为等于或小于 50% 的任何值。顺便说一下，我建议你使用标签 'span' 而不是 'p' 因为我认为 'span' 更适合这个目的。如果您将使用我的方法，您将能够将任意数量的图像添加到父“div”标签。例如，如果您要添加任意数量的图像并且它们的总宽度将等于或小于 100%，这些图像将均匀地放置在行中。