0

スパンとテキストを含む H2 要素があります。

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

テキストは中央に配置されており、スパンを左側に配置する必要があります。私は使っている:

span {
  margin-left: -60px;
}

Firefox と Chrome では動作しますが、Internet Explorer 9 では動作しません。IE9 と IE8 で動作させるにはどうすればよいですか?

4

2 に答える 2

1

SPAN はインライン要素です。これらは、水平マージンまたはパディングを取ることはできません。SPAN を作成する必要がありますdisplay: inline-block

于 2012-09-20T21:01:38.530 に答える
1

テキストが中央に配置されている場合float: left;は、スパンで a を使用できます。これにより、スパンが h2 の左端にあることが常に保証されます。

スパンも中央揃えにしたいが、行の先頭に配置したい場合は、スパンがインライン要素であるため、何もする必要はありません。

私の例を見てください:

http://jsfiddle.net/kkesk/2/

例 1 では float: left; を使用しています。例 2 ではパディングを使用しています。

于 2012-09-20T21:08:13.237 に答える