html - 如何使一行图像居中？

Question

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

<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>

Answer 1

使用 <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>