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 上显示图像。

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

3 回答 3

1

要垂直对齐某些东西，请将display元素设置为inline-block，然后vertical-align: middle设置内容： http: //phrogz.net/css/vertical-align/

于 2013-08-20T23:56:32.980 回答
0

您可以使用具有单行和单列的表。该元素td支持垂直和水平文本对齐，无需使用任何 CSS 技巧，它在所有浏览器中的工作方式都相同。使用 CSS，您可以将这些应用于td：

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

高温高压

于 2013-08-20T23:59:28.617 回答
0

这个 CSS 规则解决了我的问题：

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