如何将图像对齐到中心？ [关闭]

Posted 2023-03-05

【中文标题】如何将图像对齐到中心？ [关闭]

【英文标题】：how to align the image to the center? [closed]

【发布时间】：2012-07-18 14:08:55

【问题描述】：

为什么the image in this url 是左对齐？

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

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

谢谢！

【问题讨论】：

CSS 在那里 - 只需按 F12。问题是当页面第一次加载时，图像出现在左侧而不是居中。 @RohitAzad

【参考方案1】：

这可能会有所帮助

.main-image

    text-align:center;

【参考方案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 将在您升级插件后全部重置。