CSS_html/css_WEB-ITnose を使用した複数行テキストの垂直方向の中央揃えのコード例

CSS によって実装された複数行のテキストを垂直方向に中央揃えにするサンプル コード:

コンテナ内のテキスト行を垂直方向に中央揃えにするのは非常に簡単です。必要なのは、たとえば、次の 2 行のコードだけです。

上記のコードは、div 内の 1 行のテキストの垂直方向の中央揃え効果を実現するには、div の height 属性値と line-height を同じ値に設定するだけです。

しかし、上記のコードは複数行のテキストの垂直方向の中央揃えを実現できません。コード例を見てみましょう:

div{  width:100px;  height:100px;  line-height:100px;}

上記のコードは複数行のテキストの垂直方向の中央揃えを実現します。ここで直接適用できます。

元のアドレスは次のとおりです: http://www.51texiao.cn/div_cssjiaocheng/2015/0525/2450.html

最も元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod= viewthread&tid= 9626