Question

我有一个带有跨度和一些文字的H2元素：

<h2><span.../> Some text</h2>

文本居中，我需要在其左侧放置跨度。我正在使用：

span {
  margin-left: -60px;
}

适用于Firefox和Chrome，但在Internet Explorer 9上不起作用。如何在IE9和IE8上运行？

Answer 1

SPAN是一个内联元素。这些不能采用水平边距或填充。您需要制作SPAN display: inline-block。

Answer 2

如果文本居中，则可以在范围上使用float: left;。这将始终确保跨度位于h2的最左侧。

如果您只想让跨度居中但位于行的开头，则无需执行任何操作，因为跨度是内联元素。

参见我的例子：

示例1使用float：left; 示例2使用填充。