html - 如何将图片跨距居中？

我想将图片居中放置。跨度具有类centerMe，但不影响图片。
centerMe的标记：

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

您可以在JSFiddle上找到此示例。
谢谢你的帮助

最佳答案

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

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

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

将width添加到标记中：

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

在此处更新fiddle。

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