如何讓這些圖像中心對齊？

我要讓對準灰度圖像中心。請指導我如何做到這一點。這是我曾嘗試：如何讓這些圖像中心對齊？

<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是網站。

來源

2015-02-06 Fahad Uddin

只需使用：

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

來源

2015-02-06 04:21:32

我也需要讓他們水平排列。 – 2015-02-06 04:22:41

是的，這的確如此。因爲你只在img-center中有圖像。 – 2015-02-06 04:24:38

我認爲他的意思是垂直對齊。這有助於@沉旭嗎？ http://jsfiddle.net/n6522/4/ – 2015-02-06 04:27:14

設置保證金自動。該瀏覽器將調整圖像中心爲您

img { 
    margin: auto; 

}

來源

2015-02-06 04:23:18

前面已經提出，magin汽車...使用您現有的IMG中心級

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

的text-align可以工作，但有點搞笑在跨瀏覽器支持...

保證金自動一般做這項工作，並應工作

否則只是包裝他們中心的標籤，而人們可以在使用時的中心TA皺眉gs..THEY工作跨瀏覽器！所以他們不會失敗！

否則，如果你的意思是頁腳圖像/網站上的標誌。他們是在P標籤沒有任何類..你可以簡單地應用文本對齊：中心：該p標籤。

來源

2015-02-06 04:24:53 Mayhem

如何讓這些圖像中心對齊？

回答

相關問題