css - 3水平图像布局问题

我一直在努力实现并排获得3张图像。我终于得到了我想要他们布置的确切方式。我尝试过几种方法，一张图像总是在较小的屏幕上向下移动。他们现在拥有的确切方式是我想要的方式，但是我使用的代码有些混乱（甚至不确定是否正确，但是否有效）。

我的代码有4张图片，仅显示3张。再次显示了我想要的方式。没有显示的图像是代码中的2个。我不希望该图像仍然出现，但我知道它也不应该在其中。

我为这些东西而苦苦挣扎，因此，对如何正确阅读它的任何帮助，我们深表感谢。
当我在代码中删除2张图片时，它们都脱节了。

<div id="content">
    <center><div><br><br><br><br><br><br>
    <img src="images/image1.png" width="30%" style="float:left;/> <img src="images/image2.png" width="50%" style="float:left;"/>
</div>
<img src="images/image3.png" width="30%"/><img src="images/image2" width="30%" style="float:right;"/>
</div>
</center>
<br><br><br><br><br><br><br><br><br></div>
</div>

最佳答案

<div id="content" width="100%">

  <div>
    <img src="1.jpg" width="30%" style="float:left"/>
    <img src="2.jpg" width="30%" style="float:left"/>
    <img src="3.jpg" width="30%" style="float:left"/>
  </div>

</div>

关于css - 3水平图像布局问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21374039/