div 添加滚动条( ubuntu 修改 DNS 的方法)
- 技术交流
- 2024-10-26 00:10:02
div 添加滚动条( ubuntu 修改 DNS 的方法)
div 添加滚动条只需要指定 overflow 属性为 auto 即可,以下实例设置了 div 水平滚动条:
实例<div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;">讯客 -- 学的不仅是技术,更是梦想!!!讯客 -- 学的不仅是技术,更是梦想!!!讯客 -- 学的不仅是技术,更是梦想!!!讯客 -- 学的不仅是技术,更是梦想!!!</div>尝试一下 »宽度(width)和高度(height)可以根据实际需要来设定。
以上实例表示如果 div 内容的高度大于 300px 就会出现垂直滚动条,小于 300px 就没有滚动条。如果宽度大于 70px 会出现水平滚动条,小于就没有。
如果你想在 div 中滚动条是一直存在的则可以设置 overflow 属性为 scroll:
你也可以将 overflow 设置为 scroll,即:
实例<div style="height:300px;width:200px;overflow:scroll;background:#EEEEEE;">讯客 -- 学的不仅是技术,更是梦想!!!讯客 -- 学的不仅是技术,更是梦想!!!讯客 -- 学的不仅是技术,更是梦想!!!讯客 -- 学的不仅是技术,更是梦想!!!</div>尝试一下 »更多设置
只设置水平滚动条:
<div style="width:100px;overflow-x:auto"></div>只设置垂直滚动条:
<div style="height:300px;overflow-y:auto"></div>水平与垂直都设置:
<div style="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>更多文章可以参考:
CSS 布局 - Overflow
CSS overflow 属性
div 添加滚动条( ubuntu 修改 DNS 的方法)由讯客互联技术交流栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“div 添加滚动条( ubuntu 修改 DNS 的方法)”