2012-01-22 17 views
4

テキストをページの中央に縦横に配置するにはどうすればよいですか?bodyタグにテキストを縦横に配置するにはどうすればよいですか?

たとえば、このテキストがある場合は、「コードを入力してください」と入力します。

また、ボーナス関連の質問は、テキストか画像かどうかは関係ありませんか?私はテキストの左側に画像を置くかもしれないので私は尋ねる。私はあなたが「中央」で何を意味するか正確にはわからない

答えて

0

は(いくつかの定義があります)、おそらくこれは、あなたがやりたいだろう:それはテキストまたはかどう

<div class="myclass">Some text</div> 

.myclass { 
    position: absolute; 
    left: 50%; 
    top: 50%; 
} 

それは問題ではありません。 image - ブラウザはブロックコンテンツと見なします。

text-align: center;は、アイテムをコンテナ内で水平に配置します。

+4

これはイメージを「センタリング」しないので、画像の中心ではなく、ボディの中心点に左上隅と位置を合わせることになります。 – FilmJ

+3

要素を中央に置くには、これをトランスフォームとペアにします: 'transform:translateX(-50%)translateY(-50%);'(必要に応じて接頭辞付き) –

+0

" ? – DavidB

関連する問題