Linux 拨号vps windows公众号手机端

html中div加滚动条

lewis 8年前 (2017-07-05) 阅读数 10 #程序编程
文章标签 html

要在HTML中给<div>元素添加滚动条,可以使用CSS的overflow属性。

  1. 如果希望在垂直方向上添加滚动条,可以使用overflow-y: scroll;属性。
<div style="height: 200px; overflow-y: scroll;">
  <!-- 这里放内容 -->
</div>
  1. 如果希望在水平方向上添加滚动条,可以使用overflow-x: scroll;属性。
<div style="width: 200px; overflow-x: scroll;">
  <!-- 这里放内容 -->
</div>
  1. 如果希望在两个方向上都添加滚动条,可以使用overflow: scroll;属性。
<div style="width: 200px; height: 200px; overflow: scroll;">
  <!-- 这里放内容 -->
</div>

请注意,使用上述方法添加的滚动条可能会在页面内容不足以填满<div>元素时出现。如果希望只在内容溢出时显示滚动条,可以使用overflow: auto;属性。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门