コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > テキストの垂直方向のセンタリングを実現する CSS コード_エクスペリエンス交換-www.jb51.net-css の垂直方向のセンタリングwww.jb51.net CSS の垂直方向のセンタリング

テキストの垂直方向のセンタリングを実現する CSS コード_エクスペリエンス交換-www.jb51.net-css の垂直方向のセンタリングwww.jb51.net CSS の垂直方向のセンタリング

PHP中文网
リリース： 2016-05-16 12:06:37
オリジナル
1817 人が閲覧しました

オブジェクト内のテキストがオブジェクトの垂直方向の中央に配置されるように CSS でテキストを設定する方法も、多くの友人を悩ませている問題です。現在、インターネット上の多くのコードはブラウザーと互換性がありません。インターネット上で関連するメソッドを整理し、いくつかの変更を加えたもので、すべての主流ブラウザと完全に互換性があります。
さまざまな状況における垂直方向の中央揃えの方法について話しましょう。
1. テキスト行は垂直方向の中央に配置されます。
次のコードを見てください:





関連ラベル：
文字垂直居中
ソース：php.cn
前の記事：マージンとオーバーフロー属性を使用して div 間隔を実装する方法_エクスペリエンス交換 次の記事：CSS は、A タグの背景を使用して、興味深い効果を作成できます。ページ 1/2_体験交流
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
表のタイトルを垂直方向に回転、中央 + 下揃え、クロスブラウザー ヘッダーが回転されたテーブルがありますが、これは Chrome では期待どおりに表示されますが、Firefox では期待どおりに表示されません。 Chromev108 (垂直下、水...
から 2024-04-04 16:45:25
0
1
330
書き換えられたタイトル: サイズ変更時に固定 HTML の正方形または円要素を水平方向および垂直方向に中央揃えにします。 水平方向と垂直方向にさまざまなサイズの正方形または円の固定 HTML 要素を中央に配置するにはどうすればよいですか?この難しさは、幅と高さを等しく保つ必要があるという事実から生じる...
から 2024-04-04 12:31:51
0
1
322
PHP で深夜を機能させて時間を切り捨てるにはどうすればよいですか? これは時刻を午前 0 時に設定しません。newDateTime('firstdayof-1monthmidnight') は午前 0 時が存在しないかのように動作します。 PHP7...
から 2024-04-03 13:48:12
0
1
332
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート