给td加滚动条

最新推荐文章于 2023-05-17 14:13:12 发布

原创最新推荐文章于 2023-05-17 14:13:12 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#我还是新手

本文介绍了一种在HTML表格的TD元素中实现滚动条的方法，由于TD元素本身不支持滚动条，需在TD内嵌套一个DIV，并设置CSS样式以实现垂直滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

table里的td没有办法直接加滚动条，

需要在里面套一个div才可以。

html:

<table border="1" cellspacing="0">
    <tr>
        <th>aaaa</th>
        <td colspan="3">aaaaaaaaaaa</td>
    </tr>
    <tr>
        <th>aaaaaaaaaaaaaa</th>
        <td>aaaaaaaaaaa</td>
        <td>aaaaaaaaaaa</td>
        <td>aaaaaaaaaaa</td>
    </tr>
    <tr>
        <th>aaaaaaaaaaaaaa</th>
        <td colspan="3">aaaaaaaaaaaaaa</td>
    </tr>
    <tr>
        <th>aaaaaaaaaa</th>
        <td colspan="3"><div class="tdSc">就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及就假按揭啊就是你打谁都都会从埃及</div></td>
    </tr>
</table>

css:

table{
    width: 700px;
    text-align: center;
}
.tdSc{    
    max-height: 50px;
    overflow-y: auto;
}