0

cssで2つのテキストを重ね合わせたい。

私はこれを書いた:

HTML:

<div id="container" >
    <span id="w1" >One text</span>
    <span id="w2" >And another superimposed to the first</span>
</div>

CSS:

#container
{
    position:relative;
}
#w1,#w2
{
    position:absolute;
    top:0px;
    left:0px;    
}

JSFiddle

しかし、私は2つのテキストを水平方向の中央に配置したかったのです。(そのようですが、重ね合わせます)。

どうすればいいですか?

4

2 に答える 2

0

これを追加してみてください:

#w1 { 
padding-left: 100px;
}
于 2012-08-18T10:11:14.493 に答える
0

うまくいけば、これはあなたが望むものです:JSFiddle

まず、を設定して中央に配置しますleft: 50%;。次に、幅を設定します。たとえばwidth: 400px; 、スパンにオフセットがあります。これを修正しましょうmargin-left: -200px;(幅の半分を使用)。最後に、テキストをスパンの中央に配置します。text-align: center;

于 2012-08-18T12:24:31.633 に答える