如何將圖像與中心對齊？

Question

爲什麼the image in this url，對齊到左邊？

當您在chrome上加載它時，它會出現在左側。你知道爲什麼嗎？

與CSS的東西，但不知道什麼。

謝謝！

Answer 1

首先，很難知道你在說什麼 - 畢竟這是一個充滿圖像的頁面。我假設你的意思是中間的'100個最偉大的目標'圖像被炸成10倍的正常尺寸。

如果您將wp-content/plugins/nextgen-gallery/css/nggallery.css第215行更改爲以下行爲，則會將該圖像居中並停止將其拉伸至yee-ha。

.ngg-imagebrowser img { 
border:1px solid #A9A9A9; 
margin: 10px auto; 
display:block !important; 
padding:5px; 
} 

希望能有所幫助。

編輯：我應該做的一點 - 每當你對Next Gen CSS進行任何修改時，都要確保將它添加到主題的樣式表中，而不是插件（如果需要，使用更具體的選擇器）。如果不是，則在升級插件後，所有CSS都會重置。

Answer 2

這可能有助於

.main-image 
{ 
    text-align:center; 
}