引用テキスト表示内容全体をブラウザ画面の中央に表示する方法がわかりません。
横方向は中央に表示出来ています。
縦方向を中央にする方法がわからないため<br>やfontsizeで地道に調節しています。
なにかうまい手はありますか?
皆様ありがとうございます。
試してみます。
追記
試してみましたが、残念ながら縦方向はセンターに来るものの縦に並べたいものが横に並んでしまいます。
HTML/CSS
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!DOCTYPE html> <html lang="ja"> <body> <div id="br_area"></div> <h1 class="m1"> <div id="m1"></div> </h1> <h1 class="m2"> <div id="m2"></div> </h1> </p> </body> </html> <script> var m1 = "AA"; var m2 = "TEST"; document.getElementById('m1').innerHTML = m1; document.getElementById('m2').innerHTML = m2; </script> <style> .m1 { font-family: Roboto; font-size: 180px; font-weight: bold; line-height: normal; padding: 0 0 0; text-align: center; align-items: flex-end; color: #000; } .m2 { font-family: 'arial black'; font-size: 70px; font-weight: bold; line-height: 0; padding: 0 0px; text-align: center; align-items: flex-start; color: #000; } </style>
質問者さん、無言ですが、回答がいくつか出ているのでそれらに対するフィードバックをタイムリーに返してください。役に立った/立たなかったぐらいはすぐに返せるのでは? 役に立たなかったならどこがダメかを書くとより期待に近い回答が出てくるかも。とにかく無言は NG です。
まだ回答がついていません
会員登録して回答してみよう