Jquery 表格行div中标签的水平和垂直对齐

Jquery 表格行div中标签的水平和垂直对齐,jquery,html,alignment,vertical-alignment,Jquery,Html,Alignment,Vertical Alignment,我有密码: <tr> <td align="center" style="height: 50px; text-align: center; vertical-align: middle" > <div class="hoverClass ui-widget-content ui-corner-all" style="text-align: center; vertical-align: middle;width:100%;heig

我有密码:

<tr>
    <td align="center" style="height: 50px; text-align: center; vertical-align: middle"   >
           <div class="hoverClass ui-widget-content ui-corner-all" style="text-align: center; vertical-align: middle;width:100%;height:100%">
                 <label style="text-align: center; vertical-align: middle" >Streetlight Repair</label>
           </div>
     </td>
</tr>

路灯维修
我希望它是一个包含一个标签的div的单元格。
我想让部门接管整个牢房。标签在div内居中。但是标签位于div的左上角。

如果高度肯定为50px,则将标签的行高CSS设置为50px


在水平方向上获取标签,设置左边距:Auto.和右边距:自动

如果高度肯定是50px,则将标签的行高CSS设置为50px


在水平方向上获取标签,设置左边距:Auto.和右边距:自动

如果有多行,则不能使用
行高
属性修改中间对齐


最简单的方法是使用顶部和底部填充。

如果有多行,则不能使用
行高属性来调整中间对齐


最简单的方法是使用顶部和底部填充。

将style=“text align:center;vertical align:middle”移到div上,我就有了div的样式。如果向右滚动,将style=“text align:center;vertical align:middle”移到div上,我就有了div的样式。如果向右滚动,这是一整张表格。因此,一些标签会缠绕并占据两行。只有在定义明确的宽度时,自动水平边距才会起作用。我很确定。我可以为标签定义明确的宽度。它位于具有定义宽度的单元格中。我试试看。但我仍然有一个垂直对齐的问题,所以这是一个完整的表格。因此,一些标签会缠绕并占据两行。只有在定义明确的宽度时,自动水平边距才会起作用。我很确定。我可以为标签定义明确的宽度。它位于具有定义宽度的单元格中。我试试看。但是我仍然有一个垂直对齐的问题。所以基本上如果我想让内容在运行时通过JavaScript决定,我就完蛋了。。。除非我让JavaScript决定是否包装文本以及需要多少行,然后相应地设置填充…?@kralco626是,或者尝试使用
填充
。您也可以使用中间对齐的hack,但它在IE中很难看(用2个div包装)。请参阅博客中链接的文章:)呃。所以基本上如果我想让内容在运行时通过JavaScript决定,我就完蛋了。。。除非我让JavaScript决定是否包装文本以及需要多少行,然后相应地设置填充…?@kralco626是,或者尝试使用
填充
。您也可以使用中间对齐的hack,但它在IE中很难看(用2个div包装)。请参阅博客中链接的文章:)