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

Question

我有代码：

<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中居中的标签。但是标签位于div的左上角。

Answer 1

如果高度绝对是50px，请将标签的行高CSS设置为50px;

要将标签水平放置在中间，请设置margin-left：auto;和margin-right：auto;

Answer 2

如果您有多行，则无法使用line-height属性来破解中间对齐。

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