HTML:如何创build一个只有垂直滚动条为长段落的DIV?
我想在我的网站上显示条款和条件说明。 我不想使用文本字段,也不想使用我的整个页面。 我只想在选定区域显示我的文本,并且只想使用垂直滚动条向下阅读所有文本。
目前我正在使用这个代码:
<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>
两个问题:
- 这是不固定的宽度和高度,并蔓延,直到全文出现。
- 其次是显示水平滚动条,我不想显示它。
请参阅overflow-y
。 这是CSS 3。
你需要在px
指定width
和height
:
width: 10px; height: 10px;
另外,你可以使用overflow: auto;
防止水平滚动条显示。
因此,您可能需要尝试以下操作:
<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>
要隐藏水平滚动条,可以将overflow-x设置为隐藏状态,如下所示:
overflow-x: hidden;
先谢谢你
使用overflow:auto
它为我工作。
水平滚动条消失。
要在你的div中显示垂直滚动条,你需要添加
height: 100px; overflow-y : scroll;
要么
height: 100px; overflow-y : auto;
对于任何情况下设置overflow-x
hidden
,我更喜欢设置max-height
,以限制div的高度的扩大。 你的代码应该如下所示:
overflow-y: scroll; overflow-x: hidden; max-height: 450px;
您可以使用溢出属性
style="overflow: scroll ;max-height: 250px; width: 50%;"
overflow-y : scroll; overflow-x : hidden;
height
是可选的