4
テキストをページの中央に縦横に配置するにはどうすればよいですか?bodyタグにテキストを縦横に配置するにはどうすればよいですか?
たとえば、このテキストがある場合は、「コードを入力してください」と入力します。
また、ボーナス関連の質問は、テキストか画像かどうかは関係ありませんか?私はテキストの左側に画像を置くかもしれないので私は尋ねる。私はあなたが「中央」で何を意味するか正確にはわからない
テキストをページの中央に縦横に配置するにはどうすればよいですか?bodyタグにテキストを縦横に配置するにはどうすればよいですか?
たとえば、このテキストがある場合は、「コードを入力してください」と入力します。
また、ボーナス関連の質問は、テキストか画像かどうかは関係ありませんか?私はテキストの左側に画像を置くかもしれないので私は尋ねる。私はあなたが「中央」で何を意味するか正確にはわからない
は(いくつかの定義があります)、おそらくこれは、あなたがやりたいだろう:それはテキストまたはかどう
<div class="myclass">Some text</div>
.myclass {
position: absolute;
left: 50%;
top: 50%;
}
それは問題ではありません。 image - ブラウザはブロックコンテンツと見なします。
text-align: center;
は、アイテムをコンテナ内で水平に配置します。
これはイメージを「センタリング」しないので、画像の中心ではなく、ボディの中心点に左上隅と位置を合わせることになります。 – FilmJ
要素を中央に置くには、これをトランスフォームとペアにします: 'transform:translateX(-50%)translateY(-50%);'(必要に応じて接頭辞付き) –
" ? – DavidB