Question

我希望在一个范围内居中。跨度具有类centerMe，但它不会影响图片。

centerMe的标记：

.region.region-footer .centerMe{
    text-align: center;
  }

您可以在JSFiddle上找到此示例。

感谢您的帮助

Answer 1

没有发生，因为span是内联元素。

text-align:center不会影响它，因为图像的总宽度和跨度的宽度完全相同。如果你给它100％的宽度，那么只有你会看到差异。

此外，width属性不适用于inline元素，因此请将其更改为block或inline-block。

将width添加到标记：

.centerMe {
    width:100%;
    display:inline-block;
}

此处更新了fiddle。

另一种解决方案是使用block，div或p等任何section元素，而不是使用span。

Answer 2

您不能以text-align:方式对内联元素使用。

如果你想实现这一点，你必须将你的跨度改为<p>元素，这是一个块。

Answer 3

跨度本身没有全宽，因此没有空间使图像居中。您可以将span更改为div来解决此问题。

或者，您可以通过向CSS添加display: block来使其行为像div：

.centerMe{
    display: block;
    text-align: center;
  }

或者，你可以给它width: 100%，就像Hiral建议的那样，但是你也必须考虑任何边界，填充和边距。通过使其行为像块元素，它将自动占用可用空间，我认为这是一个更灵活的解决方案。