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

HTML テキストの縦方向中央揃え_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:22:01
オリジナル
1732 人が閲覧しました

HTML テキストは中央で縦に配置され、コードは次のとおりです:



別のスパン


実装原則:

1. まず、div要素の高さを行の高さと同じ値に設定します。 , ブロック内のインライン要素が垂直方向に中央揃えになるようにします

2. スパン要素の表示を設定し、表示を line-block に変更して、インライン ブロック要素になるようにします

3. の垂直方向の配置を設定します。スパンを中央に配置し、垂直方向に中央揃えにして、行の高さを 1.2em に設定し、継承された行の高さを変更します

関連ラベル：
html文本垂直居中对齐
ソース：php.cn
前の記事：Atitit.css は、bem project_html/css_WEB-ITnose で CSS の構成と管理を指定します。 次の記事：CSS: さまざまな要素のマージンの計算_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
HTML/CSSに背景ビデオを埋め込むにはどうすればよいですか? 皆さん、こんにちは。最近問題が発生しました。自分のサイトにビデオの背景を設定しようとしていますが、中央揃えのテキストが一番下まで表示されます。理由はわかりませんが、ナビゲーション ...
から 2023-11-06 13:59:13
0
1
240
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
HTML 内のテキストを互いに揃えて配置するにはどうすればよいですか? 現在のコード用にこれを作成しようとしていますが、どうすればよいですか?これは価格計算ツールであり、コーディングを開始する前に例が必要です [1]: https://i.stack....
から 2023-09-13 19:09:54
0
1
298
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！