table下tbody滚动条与thead对齐的方法

代码

核心代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<style>

table tbody {

    display:block; //core code

    height:200px;

    overflow-y:scroll;

}

 

table thead, tbody tr {

    display:table;

    width:100%;

    table-layout:fixed;//core code

}

 

table thead {

    width: calc( 100% 1em )//core code

}<br></style>

如果只要上面的配置,默认是均等平分table大小的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值