表格滚动条 (tbody部分滚动)-白红宇

表格滚动条 (tbody部分滚动)

阅读量：4690 次

发布时间：2019-06-09

本文共 1397 字，大约阅读时间需要 4 分钟。

本文是从简书复制的, markdown语法可能有些出入, 想看"正版"和更多内容请关注简书:

html


    
                                          开始年                    年效                    分享比例                    补贴电价               
         
                                          2018                    5                    5：9                    补贴电价               
                                 2018                    5                    5：9                    补贴电价               
                                 2018                    5                    5：9                    补贴电价               
                                 2018                    5                    5：9                    补贴电价

开始年	年效	分享比例	补贴电价
2018	5	5：9	补贴电价
2018	5	5：9	补贴电价
2018	5	5：9	补贴电价
2018	5	5：9	补贴电价

css

table {    width: 100%;    border-collapse: collapse;    text-align: center;    tr {        height: 0.44rem;        td,th {            width: 1rem;        }    }    thead {        display: block;        width: 100%;        tr {            background: #519FF1;            font-size: 0.15rem;            color: #FFFFFF;            th {                font-weight: normal;            }        }    }    tbody {        display: block;        width: 100%;        height: 1.32rem;        overflow: auto;        tr:nth-child(odd) {            background: #FFFFFF;        }        tr:nth-child(even) {            background: #DCECFC;        }    }}

转载于:https://www.cnblogs.com/shenxianhui/p/9361896.html

你可能感兴趣的文章

Windows2008 Server r2 64位显示桌面图标的方法

查看>>