html - 如何将一排图像居中？

这里的英语专业；我对编码几乎一无所知，因此请使用非常基础的语言。我需要知道我的图书出版课堂网站。我正在尝试为“团队成员”页面对齐图像行。我怎么做？下面是第一行图像。现在，它们向左移动。

<div id="main" class="container">



  <!-- First Set -->
  <h3> Publishers </h3>
  <div class="box alt">
    <div class="row 50% uniform">
      <!-- % changes space between pictures -->
      <div class="2u"><span class="image fit"><img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded" alt="" /><p> Mike<br>Course Director</p></span></div>
      <div class="2u"><span class="image fit"><img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded" alt="" /><p> Mackenzie<br>Publisher</p></span></div>
      <div class="2u"><span class="image fit"><img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded" alt="" /><p> Liz<br>Associate Publisher</p></span></div>
      <div class="2u"><span class="image fit"><img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded" alt="" /><p> Mia<br>Publishing Assistant</p></span></div>
    </div>
  </div>

最佳答案

使用<center>标记将任何内容居中...
希望这可以帮助...

<h3> Publishers </h3>
<center>
        <div class="box alt">
            <div class="row"> <!-- % changes space between pictures -->
                <div class="2u"><span class="image fit"><img src="images/headshots/mike.JPG" alt="" /><p> Mike<br>Course Director</p></span></div>
                <div class="2u"><span class="image fit"><img src="images/headshots/mackenzie.JPG" alt="" /><p> Mackenzie<br>Publisher</p></span></div>
                <div class="2u"><span class="image fit"><img src="images/headshots/liz.JPG" alt="" /><p> Liz<br>Associate Publisher</p></span></div>
                <div class="2u"><span class="image fit"><img src="images/headshots/mia.JPG" alt="" /><p> Mia<br>Publishing Assistant</p></span></div>
            </div>

        </div>
        </center>

关于html - 如何将一排图像居中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47277286/