改变表中thead的高度

Question

有没有办法改变的高度thead在table？我试过了

$('thead').height('2px');

但无济于事,高度不会改变.

我究竟做错了什么？谢谢

Answer 1

这可能取决于浏览器.某些浏览器可能会将thead元素视为一个容器而没有任何高度.尝试使用Javascript或CSS在TH元素本身上设置高度.请注意,要获得小于线条高度的内容,您还必须设置线条高度,因为表格元素将调整大小以适合其内容.

$('thead th').css({ height: '2px', line-height: '2px' });

要么

 <style>
    .header th {
       height: 2px;
       line-height: 2px;
    }
 <style>

 <table>
    <thead class="header">
        <th>Foo</th>
        ...
    </thead>
    ...
 </table>

正如@Marco在他的例子中所说,你也可以强制将THEAD视为块级元素并直接设置它的高度.根据您要完成的内容以及THEAD中包含的内容,这可能会也可能不会达到您想要的效果.有关您要实现的目标的更多信息可以帮助我们找到适合您的解决方案.