Question

我正在网站http://torquebranding.com/上工作，一旦屏幕调整大小，“处理”部分下的图片就会转移到左侧。

我试过

margin-left:auto;
margin-right:auto

使其居中对齐，但失败了。

有什么建议吗？

由于

Answer 1

你的css中有这个规则。如果您覆盖它或将其删除，图像将居中

processTabs {
    margin-left: 50px;
}

以下是图片之前和之后 - 请参阅开发工具侧栏中的processTabs规则。在之前的图片中，将检查课程，并在课程被禁用之后。

Answer 2

您的页面使用不同页面大小的不同媒体样式。例如，我更改了.processTabs在媒体版本1.0.0.193中添加了保证金。有用。此外，使用百分比而不是使用px总是好的。

.processTabs { margin: 0 -2%;}

Answer 3

（对不起，由于在那里复制有错误 - 编辑过...... - ＆gt; 0px）

这条规则：

.processTabs
{
    margin-left: 50px;
}

在HTML文档中包含为内联样式（可能由某些插件或框架动态添加），在第689行。这会导致您在问题中写到的问题。要解决此问题，请删除该规则，或者如果无法执行此操作（因为添加了一些插件），请在样式表中使用以下内容覆盖它：

.processTabs
{
    margin-left: 0px !important;
}