Fatal编程技术网
  • html/
  • Div:html中的对齐问题

Div:html中的对齐问题

html

Div:html中的对齐问题,html,Html,我试图在Div中对文本进行垂直居中对齐，但它不起作用。有人能建议其他的选择吗。我用的是Mozila浏览器 <td width="47.32%" style="vertical-align: middle; margin: 0px;"> <div id="dateRangeLbl" style="vertical-align: middle;"> Aug 21,2013 </div> </td> 2013年8月21日

我试图在Div中对文本进行垂直居中对齐，但它不起作用。有人能建议其他的选择吗。我用的是Mozila浏览器

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


2013年8月21日
问题似乎是由于下面的CSS。但我的要求是在图像的tob上显示图像

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

#dateRangeLbl:悬停{
背景图片：url（/images/dateRangeHover_bg.png）；
光标：手；
颜色：#0066cc；
}
若要垂直对齐某个对象，请将元素的
显示设置为
内联块
，然后将内容的
垂直对齐：中间
，若要垂直对齐某个对象，请将元素的
显示设置为
内联块
，然后
vertical align:middle
对于内容：
您可以使用具有单行和单列的表。元素
td
支持垂直和水平文本对齐，而无需使用任何CSS技巧，并且在所有浏览器中都可以使用。使用CSS，您可以将这些应用于
td
：


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



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


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



HTH
此CSS规则解决了我的问题：


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



此CSS规则解决了我的问题：


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


--似乎很好，似乎很好