html – 使一段简单的网页有自己的滚动条

前端之家收集整理的这篇文章主要介绍了html – 使一段简单的网页有自己的滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一部分正在建设的网页,专门用于新闻事件.这些只是简单地输入如下.
<tr>
    <td class="newsdate">
        February 2013
    </td>
    <td class="news">
        News item 1
    </td>
</tr>

<tr>
    <td class="newsdate">
        January 2013
    </td>
    <td class="news">
        News items 2
    </td>
</tr>

我想要这样做,所以当有超过5个事件列出,说,那么你可以使用滚动条来查看旧事件.这是新闻部分的高度将被修复,但您可以在其中上下滚动查看更新和更新的消息.你怎么能这么简单呢?

解决方法

使用overflow-y将你的表包装在div中:auto;喜欢这个

HTML

<div class="scrollable">
    <!-- Your table -->
</div>

CSS

.scrollable {
    height: 100px; /* or any value */
    overflow-y: auto;
}
原文链接:https://www.f2er.com/html/224358.html

猜你在找的HTML相关文章