css td的height无效

在CSS中，我们经常会使用height属性来控制元素的高度。但是在一些情况下，我们会发现使用height属性来控制table中的td元素的高度时会失效。

这是因为table中的td元素的高度是由其所在的tr元素的高度所决定的。如果我们想要控制td元素的高度，我们需要同时控制其所在的tr元素的高度。

例如，我们有以下的HTML代码：

table>
    tr>
    td>
    单元格1/td>
    td>
    单元格2/td>
    /tr>
    tr>
    td>
    单元格3/td>
    td>
    单元格4/td>
    /tr>
    /table>

如果我们想要控制第一行的td元素的高度为50px，我们需要加入以下的CSS代码：

tr:nth-of-type(1) td {
    height: 50px;
}
    

上述代码中，我们使用了nth-of-type伪类来选中第一行的tr元素，再对其下的td元素设置了高度为50px。

这样，我们就成功地控制了table中的td元素的高度。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！