Html 将图像彼此对齐

我可以在开始这篇文章的时候告诉那些可能会来我另一篇文章的人。是的，我下次再问，因为这是一个不同的问题，但属于同一范畴

当我试着去适应它时，在图片下对齐文本似乎会破坏一切。以下是该网站的图片，图片下方没有文字：

以下是文本前的机组页面代码：

<section id="crew">
    <h1 style="color:#fff">Crew</h1>
<br>
<div style="justify-content:center" class="container5">

    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <br><br><br><br><br>

    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">

    </div>        
</section>

全体船员

下面是我尝试在图片下方添加文本后的页面图片：

以下是添加文本后该部分的代码：

<section id="crew">
    <h1 style="color:#fff">Crew</h1>
<br>
<div style="justify-content:center" class="container5">

    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <figcaption>Some Text</figcaption>
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <figcaption>Some Text</figcaption>
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <figcaption>Some Text</figcaption>
    <br><br><br><br><br>

    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <figcaption>Some Text</figcaption>
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <figcaption>Some Text</figcaption>
    <img hspace="20" class="crew grow" src="http://nexuscoding.net/5h0GIcqwYiXafUkKEGYy.png">
    <figcaption>Some Text</figcaption>

    </div>        
</section>

全体船员


一些文本
一些文本
一些文本






一些文本
一些文本
一些文本

---

正如你所看到的，文本破坏了一切，我只是不明白为什么它一直这样做。有什么想法吗？感谢您花时间阅读本文

之所以会出现这种情况，是因为默认情况下，

是

display:block

，这意味着它占据了父元素的整个宽度。我建议您将带有相应标题的图像包装在div中

.cont{
显示：内联块；
文本对齐：居中；
}

全体船员


一些文本
一些文本
一些文本






一些文本
一些文本
一些文本

发生这种情况是因为默认情况下

是

display:block

，这意味着它占据了父元素的整个宽度。我建议您将带有相应标题的图像包装在div中

.cont{
显示：内联块；
文本对齐：居中；
}

全体船员


一些文本
一些文本
一些文本






一些文本
一些文本
一些文本

在开头，将和标记放在标记内 （图中每一个）如下所示：

你好
你好

在开头，将和标记放在标记内 （图中每一个）如下所示：

你好
你好

很高兴它有帮助！很高兴它有帮助！