這次的需求是給一個指定的div(里面有個table表格)增加上下、左右的滾動條
通過查找資料后找到了一個可用的方法,代碼如下:
<!--div比table大小要小才會顯示--> <div style="overflow-x: auto; overflow-y: auto; height: 100px; width:200px;"> <table id="table" border="1" align="center" width="300px" height="200px"> <tbody> <tr><td>00</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td></tr> <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>15</td><td>15</td></tr> <tr><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr> <tr><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr> </tbody> </table> </div>