简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

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

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

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





関連ラベル：
文字垂直居中
ソース：php.cn
前の記事：マージンとオーバーフロー属性を使用して div 間隔を実装する方法_エクスペリエンス交換 次の記事：CSS は、A タグの背景を使用して、興味深い効果を作成できます。ページ 1/2_体験交流
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
HTML/CSSに背景ビデオを埋め込むにはどうすればよいですか? 皆さん、こんにちは。最近問題が発生しました。自分のサイトにビデオの背景を設定しようとしていますが、中央揃えのテキストが一番下まで表示されます。理由はわかりませんが、ナビゲーション ...
から 2023-11-06 13:59:13
0
1
240
`margin` 属性を `fixed` 要素と `z-index: 1` に適用します。 リストとコメント欄があります。コメント欄はページ下部に固定されています。リストが長い場合はページスクロールが適用されます。リストの下部が常にコメント フィールドの上部から一定の垂直...
から 2023-09-17 21:44:03
0
1
285
2番目のdivのみをコンテナ内の右側にフローティングし、長すぎる場合に最初のdivをラップする方法 テキストとデータを含む行があります。テキスト ボックスは左揃えで text-alignleft にする必要があります。ナンバーボックスは右揃えで、テキストも右揃えにする必要がありま...
から 2023-09-15 12:28:31
0
1
331
スイッチの隣のテキストを垂直方向の中央に配置するにはどうすればよいですか? 「toggle-label」クラスの中央に「switch」で縦に文字を入れたいのですが失敗しました。使用したコードはこれです。toggle-label{font-weight:bo...
から 2023-09-15 11:58:54
0
1
206
グリッドセルの内容を中央揃えにする グリッド項目内のコンテンツを、水平方向ではなく垂直方向ではなく中央揃えで中央揃えにしたいと考えています。 JSfiddle で表示: http://jsfiddle.net/6zs...
から 2023-09-15 10:34:15
0
1
274
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！