首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML:如何为长段落创建只有垂直滚动条的DIV?

HTML:如何为长段落创建只有垂直滚动条的DIV?
EN

Stack Overflow用户
提问于 2010-04-02 19:04:36
回答 11查看 489.4K关注 0票数 148

我想在我的网站上显示条款和条件说明。我不想使用文本字段,也不想使用我的整个页面。我只想在选定的区域显示我的文本,并且只想使用垂直滚动条来向下阅读所有文本。

目前,我正在使用以下代码:

代码语言:javascript
复制
<div style="width:10;height:10;overflow:scroll" >
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
</div>

两个问题:

  1. 在所有文本出现之前,它不会固定宽度和高度并展开。
  2. 第二,它显示的是水平滚动条,我不想显示它。
EN

回答 11

Stack Overflow用户

回答已采纳

发布于 2010-04-02 19:13:42

使用overflow-y。此属性为CSS3。

票数 259
EN

Stack Overflow用户

发布于 2013-10-01 13:37:50

要隐藏水平滚动条,可以将overflow-x设置为隐藏,如下所示:

代码语言:javascript
复制
overflow-x: hidden;
票数 71
EN

Stack Overflow用户

发布于 2010-04-02 19:07:18

您需要在px中指定widthheight

代码语言:javascript
复制
width: 10px; height: 10px;

此外,您还可以使用overflow: auto;阻止显示水平滚动条。

因此,您可能希望尝试以下操作:

代码语言:javascript
复制
<div style="width:100px; height:100px; overflow: auto;" >
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
</div>
票数 55
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2566290

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档