在CSS中,可以使用`overflow`屬性來添加左右滑塊,當(dāng)表格內(nèi)容超出其容器寬度時(shí),可以通過設(shè)置`overflow-x`屬性為`auto`來添加水平滑塊,以下是一個(gè)示例:
```html
姓名 | 年齡 | 性別 |
---|---|---|
張三 | 25 | 男 |
李四 | 30 | 女 |
***五 | 35 | 男 |
```
在這個(gè)示例中,`.table-container`類用于設(shè)置容器的寬度和水平滑塊,`table`元素則負(fù)責(zé)展示表格內(nèi)容,通過`overflow-x: auto`,當(dāng)表格內(nèi)容超出容器寬度時(shí),瀏覽器會(huì)自動(dòng)添加左右滑塊,通過`::-webkit-scrollbar`偽元素,可以隱藏瀏覽器默認(rèn)的滾動(dòng)條樣式。