对齐问题Div：html

我想中间垂直对齐文本在Div中，但它不工作。有人可以请建议替代选择。我正在使用Mozila浏览器。对齐问题Div：html

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

似乎问题是由于CSS下面。但我的要求是在图像的tob上显示图像。

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

来源

2013-08-20 Raj

http://jsfiddle.net/grBK7/ - 似乎工作正常 –

您可以使用表一单排一列。元素td支持垂直和水平文本对齐，而无需制作任何CSS技巧，它在所有浏览器中的工作原理都是一样的。使用CSS，你会运用这些的td：

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

HTH

来源

2013-08-20 23:59:28

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

来源

2013-08-20 23:56:32 eclipsis

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

#dateRangeLbl{ 
    padding : 5px 0px 0px 0px ; 
}

来源

2013-08-28 01:29:52 Raj

对齐问题Div：html

回答

相关问题