center_html/css_WEB-ITnose でテキストを縦方向に配置する方法
Jun 24, 2016 am 11:31 AM
テキストを垂直方向に中央揃えにする方法:
推奨: できるだけコードを手書きすることで、学習の効率と深さを効果的に向上させることができます。
Web ページのレイアウトでは、テキストを行の中央に垂直に配置するためによく使用されます。デフォルトでは、テキストは上揃えになります。
例:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.mytest { width: 200px; height: 40px; line-height: 40px; border: 1px solid blue;}</style></head><body><div class="mytest">大家好，我要居中对齐</div></body></html>ログイン後にコピー
上記のコードは、div 内のテキストを垂直方向に中央揃えにすることができます。配置方法は、div の height 属性値と line-height 属性値を等しく設定して、垂直方向の中央揃え効果を実現します。上記のコードのプロパティ値は両方とも 40px に設定されています。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=4762
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気の記事
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
人気の記事
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7281
9
7281
9
Java チュートリアル
1622
14
1622
14
CakePHP チュートリアル
1341
46
1341
46
Laravel チュートリアル
1258
25
1258
25
PHP チュートリアル
1205
29
1205
29
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
Mar 04, 2025 pm 12:32 PM
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
Mar 17, 2025 pm 12:27 PM
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
ビューポートメタタグとは何ですか？レスポンシブデザインにとってなぜそれが重要なのですか？
Mar 20, 2025 pm 05:56 PM
ビューポートメタタグとは何ですか？レスポンシブデザインにとってなぜそれが重要なのですか？
