2016-08-04 3 views
0

ようこそ! 最初のウェブサイトプロジェクトを構築するときに少し問題がありました。 私は2つのコンテナ(コンテナ1、コンテナ2(2つのバックグラウンドイメージを水平に使用する))を持っています。 今、私はテキスト(h1要素)をx軸とy軸の両方のcontainer1の中央に揃えたいと思います。私は2回(container1 | container2)したいと思います。最後に、私はそれからasciiの芸術を描きます。 :)(HTML/CSS)中央にテキストを配置する方法(x軸とy軸の両方)?

***** container1 ***** ****** container2 ***** * * * * * <h1 element 1> * * <h1 element 2> * * * * * *********************** ***********************

協力いただきありがとうございますと、この悪い文法を無視してください。

+3

重複した質問。このような多くの質問があります。ただ検索する。 –

答えて

-2

margin:auto;垂直方向の整列の場合、tex-align:center;水平方向の整列の場合

+0

これは間違っています。 'margin:auto;'はテキストを縦に並べません。 –

0
<html> 
<head> 
    <style> 
     #center1{ 
     height:100%; 
     display:flex; 
     } 

     #center2{ 
     margin:auto; 
     }   
    </style> 
</head> 
<body> 
    <div id="center1"> 
    <span id="center2">Hello</span>  
    </div> 
</body> 
</html> 

これは、div内でテキストを中央(水平方向および垂直方向)に揃える方法です。動作しています。

+0

非常に良いコード、私の問題を解決しました。 タグの下に別のテキストを配置する方法の例を表示できますか?オートプロパティにプラス/マイナスのピクセルを追加できますか? (LIke:auto-2px)読んでいただきありがとうございます。 – LeFizzy

+0

もう1つのテキストをすでに存在するスパンタグの直下にしたいのですか?問題のデザインに言及していますか? –

関連する問題