Question

我想让灰色图像居中对齐。请指导我如何做到这一点。这是我尝试过的：

<div id="responsivearea" style="margin-top: 50px;">
   <div class="img-center">
      <img style="clear:none;" class="size-thumbnail wp-image-2707" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/visa-logo2-150x150.jpg" alt="visa logo" width="150" height="150" />
      <img style="clear:none;" class="size-thumbnail wp-image-2705" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/nethope-logo1-150x150.jpg" alt="nethope logo" width="150" height="150" /> 
      <img style="clear:none;" class="size-thumbnail wp-image-2704"  src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/ILO-logo1-150x150.jpg" alt="ILO logo" width="150" height="150" />
   </div>
</div>

Here是网站。

Answer 1

只需使用：

.img-center{text-align: center;}

Answer 2

将保证金设为自动。浏览器会将图像对齐到您的中心

img {
    margin: auto;

}

Answer 3

正如已经建议的那样，magin auto ...使用你现有的img-center类

.img-center{
    margin:auto;
    vertical-align:middle; /* If you mean vertically aligned  */
}

text-align可以工作，但在跨浏览器支持方面有点搞笑......

保证金自动通常可以完成工作并且应该正常工作

否则只需用中心标签包裹它们，而人们可能会对使用中心标签感到皱眉..真的工作交叉浏览器!!所以他们不会失败！

否则，如果您指的是网站上的页脚图片/徽标..它们位于没有任何类的P标记中。您只需将text-align：center：应用于该p标记。

如何使这些图像居中对齐？

3 个答案: