所以我有两张图片，下面有说明文字。我希望能够将它们并排放置。我试过 css float: right;并显示:内联 block ；但我不能简单地让它工作。谢谢，麻烦您了。我是编码新手。
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
</style>
</head>
<body>
<figure id="crackers1">
<img src="crackers2.jpg" alt="missing" height="25%" width="25%" />
<figcaption>Peppermint Thins</figcaption>
</figure>
<figure id="crackers2">
<img src="crackers2.jpg" alt="missing" height="25%" width="25%" />
<figcaption>Ritz Crackers</figcaption>
</figure>
</div>
</body>
</html>
最佳答案
你有很多好的答案，这也是我的。
如果你想元素在同一行，那么你可以使用float 或display:inline-block;。根据您给出的示例，请参阅此 fiddle或者如果你对 div/span 没问题，那么就用这个 fiddle .
确保当你使用float:left 或float:right 然后你必须在使用它们之后使用clear:both 所以那里不会有空白问题，但 display:inline-block 比 float 更好，但这取决于用户。
关于html - 如何在 html/css 中对齐两个图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34015193/