在網頁設計中，表格是一個常用的元素。當表格的內容超出了容器的寬度時，就需要出現橫向滾動條。但是，當表格中的列數特別多時，橫向滾動條就變得很難使用。這時候，我們可以使用 CSS 來實現表格左右滾動條的效果。

.table-wrapper{
overflow-x:scroll;
overflow-y:visible;
white-space:nowrap;
}
td,th{
min-width:120px;
display:inline-block;
}

上面的代碼中，我們使用了一個名為 .table-wrapper 的包裹元素，將表格包裹在其中。設置 overflow-x:scroll，即可出現橫向滾動條。同時，設置 overflow-y:visible，保證可以出現縱向滾動條。在 tbody 中設置 white-space:nowrap，則可以將表格中的所有單元格內容保持在同一行中，使得表格能夠橫向滾動。

在 td、th 中，我們設置了每個單元格的最小寬度為 120px，同時使用 display:inline-block，使得每個單元格在同一行中顯示。這樣，表格的所有單元格布局就能夠實現在一行中順序排列。

以上的 CSS 代碼可根據實際需求進行適當的調整，如將單元格的最小寬度調整為更小的值，以顯示更多的列。

總之，通過 CSS 實現表格左右滾動條的效果，能夠讓頁面上的表格更具有可讀性和可操作性，提升用戶體驗。希望大家能夠將這個技巧應用到自己的網頁設計中，為用戶帶來更好的使用體驗。