HTML怎么添加滚动条

HTML怎么添加滚动条,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器手举歼,答渣新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:<div style="overflow: scroll">hello world!</div>。

3、毕冲浏览器运行index.html页面,此时成功在html中指定的div中添加了滚动条。

1.<!--div比table大小要小才会显示-->

2.<div style="overflow-x: auto overflow-y: auto height: 100px width:200px">

3.   <table id="table" border="1" align="center" width="300px"或正 height="200px">

4. <tbody>

5.  <tr><td>00</td><td>01</td><td>02</td><携拍td>03</td><td>04</td><td>05</td></tr>

6.  <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>15</td><td>15</td></tr>

7.  <tr><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>

8.  <tr><td>辩团羡30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>

9. </tbody>

10.</table>

11. </body>

12. </div>

table设置overflow-x:auto,overflow-y:hidden

thead设配败颤置overflow:hidden

tbody设置overflow-y:hidden,overflow-x:hidden

还培败有就是枯掘你table要定宽高


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11980598.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存