如何将图像与中心对齐？

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