CSS テキストを垂直方向に中央揃え_html/css_WEB-ITnose

テキストを水平方向に中央揃えにするには、text-align を center に設定します。単純にvertical-align を設定すると、垂直方向の中央揃えのテキストは単一行テキストと複数行テキストに分割されます。 -line テキスト。主に 2 つの異なる実装方法があります。

単一行のテキストは垂直方向に中央揃えになります

行の高さと高さの高さを同じに設定します:

    .outer-line {        border: 1px solid red;        height: 200px;        line-height: 200px;        width: 200px;    }    <div class="outer-line">        博客园-FlyElephant    </div>

複数行のテキストは垂直方向に中央揃えになります

垂直方向の中央揃えは、表および表セルのメソッドによって実現されます:

rree

スタイル設定:

    <div class="outer-table">        <div class="inner">            博客园-FlyElephant 原文地址:http://www.cnblogs.com/xiaofeixiang/        </div>    </div>