ホームページ  >  記事  >  ウェブフロントエンド  >  HTML テキストの縦方向中央揃え_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:22:011773ブラウズ

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



別のスパン


実装原則:

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。