0

私は現在、自分のサイトのページの 1 つのタブ付きレイアウトに取り組んでいますが、1 行にまたがるものと 2 行にまたがるものがあるため、異なるタブでテキストを垂直方向に揃えるのに問題があります。テキストを各タブの中央に配置し、テキストを最初の行に揃えないようにする必要があります。

これまでに Valign と Line-height を試しましたが、あまり役に立ちません。

4

4 に答える 4

0

これについて本当に役立つ読み物は、vertical align を理解することです。

ここで各タブセレクターのラベルについて話していると思います。そのページのトリックの 1 つを使用して、タブ テキストを内部コンテナーに入れて中央に配置できます。

私の頭の上から、あなたは試しました
line-height:100%;か？これにより、行の高さが親の高さに設定されるか、画面いっぱいになる可能性があります。わからない。

于 2012-08-10T15:56:54.100 に答える
0

line-height を使用 ex) line-height:20px

于 2012-08-10T15:51:57.727 に答える
0

を使用vertical-align: middleする必要がありますが、それを適用するには を使用する必要があることに注意してくださいdisplay: table-cell。

たとえば、次の HTML 構造に似たものを使用するとします。

<div class="container">
    <span>Some Text</span>
</div>

次に、次を使用して目的のセンタリングを取得できます。

.container {
    text-align: center;
    display:table-cell; 
    vertical-align:middle
}

JSFiddle の例を次に示します。

</p>

于 2012-08-10T15:52:47.547 に答える
0

テキストを垂直方向と水平方向の両方で中央揃えにする必要がある場合は、次を使用します。

text-align: center;
vertical-align: middle;

valign要素の HTML 属性でtdあるため、おそらく「タブ」では機能しません。

于 2012-08-10T15:46:53.790 に答える