html - 需要帮助使用 CSS/HTML 对齐 3 个图像

Question

我最近在一个网站上工作，我在尝试在页面上对齐 3 个不同大小的图像时遇到了问题，我迫切需要一些帮助来解决这个问题。这是我的 CSS 代码:

img .gameimages {
  display: block;
  margin: auto;
  width: 40%;
}

还有我的 HTML:

<img src="Images/LoadingE.png"> 
<p class="gameimages" style="clear: both; text-align: centre;">We have an animated loading screen!</p>
<img src="Images/GameE.png">
<p class="gameimages" style="clear: both; text-align: centre;">We have an interactive main menu!</p>
<img src="Images/player.png">
<p class="gameimages" style="clear: both; text-align: centre;">This is our amazing player!</p>

Answer 1

我试着……读懂……你的想法……
并认为您需要:
一些抄送:

    div.gallery {display: inline-block; }

和一些 html:

    <center><div class="gallery"><img ..> <p ..>..</p></div>

对于所有 3 或 4 或 5 和一个

    <br>

换行。最后一个

    </center>

关闭它。

Et voila:你可以做/使用数百万的布局。或者你听辣妹说，你可以“告诉我你想要什么，你真正想要什么……”^^