Question

我有一个脚本，中心在jsfiddle上完全对齐，但在website上没有。请指导我如何使其在网站上居中对齐。感谢。

<div style="background-color: orange; width: 1423px; margin:0 auto;text-align:center;"><img class="wp-image-2531 alignleft" style="clear: none;" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/meet-beneficiaries.png" alt="meet beneficiaries" width="220" height="218" /><span style="text-decoration: underline;"><img class="alignnone wp-image-2533" style="clear: none;" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/meet-clients.png" alt="meet clients" width="219" height="217" /></span></div>

Answer 1

这是因为你的图像向左浮动：

尝试通过wordpress

删除该类'alignleft'

Answer 2

您有一些样式违反了父级img和text-align:center的行为。

从第一张图片中删除由float引起的alignleft。
```
.alignleft {
  float: left;
  clear: none;
}
```
第二个img需要将block行为更改为inline或inline-block：
```
img {
  display: block;
}
```

Answer 3

作为第一步，您似乎需要将简单的margin:0 auto添加到带有alignnone wp-image-2528 size-full类的img中。然后到持有公司图像的段落（签证等）添加text-align: center规则然后你有标记混乱放置两个圆形图像。有一个div包含你的两个图像，但其中一个是包裹的id span。删除span，并将display:inline-block添加到第二个图像，因为它显示为块，因此它将换行到另一行。这可以治愈你遇到的问题。

Answer 4

添加margin: 0 auto;将使div居中。

在样式表中，img.alignnone类没有任何关联的样式，因此您可以将此属性添加到此选择器：

.img.alignnone{
       margin: 0 auto;
}

中心对齐不在网站上工作

4 个答案: