html - 如何将图像对齐到中心？

Question

为什么此网址中的图像向左对齐？

当您在 chrome 上加载它时，它会出现在左侧。你知道为什么吗？

与 CSS 相关的东西，但不知道是什么。

谢谢！

Answer 1

这可能会有所帮助

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

Answer 2

一开始很难知道你在说什么——毕竟这是一个充满图像的页面。我假设您指的是中间的“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;
}

希望有点帮助。

编辑：只是我应该提出的一点 - 每当您对下一代 CSS 进行任何更改时，请确保将其添加到主题的样式表而不是插件的样式表中（如果需要，使用更具体的选择器）。如果不是，您的 CSS 将在您升级插件后全部重置。