tbody 加滾動條

2021-07-22 06:25:18 字數 802 閱讀 1701

在頁面中給tbody加滾動條保持thead不動。

rel="stylesheet"

type="text/css"

href="main.css">

head>

class="table">

head1th>

head2th>

head3th>

head4th>

head5th>

head6th>

tr>

thead>

1td>

1td>

1td>

1td>

1td>

1td>

tr>

2td>

2td>

2td>

2td>

2td>

2td>

tr>

3td>

3td>

3td>

3td>

3td>

3td>

tr>

4td>

4td>

4td>

4td>

4td>

4td>

tr>

tbody>

.table

thead

tr.table

tbody

.table

th.table

td

將thead和tbody都設定成塊級元素之後,單元格的寬度有可能不一樣,因此一定要設定單元格的寬度保持一致。

用css 給tbody加垂直滾動條

思路就是 1,把tbody設定成display block,然後就對其高度設定乙個固定值,overflow設定成auto。2,把thead的tr設定成display block。3,因為都設定成block所以要給td手動新增寬度 width 200px 如下 id name category mon...

table給tbody設定滾動條

table結構例子 table class layui table thead tr th 貸款專案 th th 貸款型別 th th 所屬公司 th th 產品聯絡人 th th 是否上線 th th 聯絡 th th 點選量 詳情 th th 訪問量 詳情 th th 點選量 申請 th th ...

div 加滾動條

引用 overflow auto 滾動條相關顏色屬性 face color 滑塊顏色 hightlight color 高亮顏色 3dlight color 三維光線顏色 darkshadow color 暗影顏色 shadow color 陰影顏色 arrow color 箭頭顏色 tack co...