1

Div のテキストを垂直方向に中央揃えにしようとしていますが、うまくいきません。誰かが代替オプションを提案できますか。Mozilla ブラウザを使用しています。

<td width="47.32%" style="vertical-align: middle; margin: 0px;">
    <div id="dateRangeLbl" style="vertical-align: middle;">
      Aug 21,2013
    </div>
</td>

以下の CSS が原因で問題が発生しているようです。しかし、私の要件は、 Image の tob に image を表示することです。

   #dateRangeLbl:hover {
    background-image: url(<%=contextPath%>/images/dateRangeHover_bg.png);
    cursor:hand;
    color: #0066cc;
}
4

3 に答える 3

0

1 行 1 列のテーブルを使用できます。この要素tdは、CSS トリックを作成する必要なく、垂直方向と水平方向のテキストの配置をサポートし、すべてのブラウザーで同じように機能します。CSS を使用して、これらを に適用しますtd

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

HTH

于 2013-08-20T23:59:28.617 に答える
0

このCSSルールは私の問題を解決しました:

#dateRangeLbl{
     padding : 5px 0px 0px 0px ;
}
于 2013-08-28T01:29:52.113 に答える