Css HTML:如何为长段落创建只有垂直滚动条的DIV?
我想在我的网站上显示条款和条件说明。我不想使用文本字段,也不想使用我的整个页面。我只想在选定区域显示我的文本,只想使用垂直滚动条向下阅读所有文本 目前我正在使用此代码:Css HTML:如何为长段落创建只有垂直滚动条的DIV?,css,html,overflow,Css,Html,Overflow,我想在我的网站上显示条款和条件说明。我不想使用文本字段,也不想使用我的整个页面。我只想在选定区域显示我的文本,只想使用垂直滚动条向下阅读所有文本 目前我正在使用此代码: <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 t
<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>
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
两个问题:
您需要在
px
中指定宽度
和高度
:
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>
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
使用。此属性是CSS 3。首先感谢您
使用overflow:auto
它适合我
水平滚动条消失。要隐藏水平滚动条,可以将overflow-x设置为hidden,如下所示:
overflow-x: hidden;
overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;
要在div中显示垂直滚动条,需要添加
height: 100px;
overflow-y : scroll;
或
您可以使用溢出属性
style="overflow: scroll ;max-height: 250px; width: 50%;"
height
是可选的对于将overflow-x
设置为hidden
的任何情况,我更喜欢设置max height
以限制div高度的扩展。您的代码应该如下所示:
overflow-x: hidden;
overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;
我也面临着同样的问题…试着这样做…这对我来说很有效
.scrollBbar
{
position:fixed;
top:50px;
bottom:0;
left:0;
width:200px;
overflow-x:hidden;
overflow-y:auto;
}
这是我的混音:
overflow-y: scroll;
height: 13em; // Initial height.
resize: vertical; // Allow user to change the vertical size.
max-height: 31em; // If you want to constrain the max size.
宽度和高度现在正在工作,但水平滚动条仍未移除。宽度/高度问题由“Daniel Vassallo”解决,水平滚动条问题由“janmoesen”解决。现在我应该接受谁的答案:)我可以选择多个吗;)宽度/高度问题由“Daniel Vassallo”解决,水平滚动条问题由“janmoesen”解决。现在我应该接受谁的答案:)我可以选择多个吗;)宽度/高度问题由“Daniel Vassallo”解决,水平滚动条问题由“janmoesen”解决。现在我应该接受谁的答案:)我可以选择多个吗;)这一点很明显:总是选择失败者,即声誉最低的人哈哈哈。但你的答案并不像《丹尼尔·瓦萨洛》那样详细:)我争取“少即是多”,让链接来说话。不管怎样,只要选一个,祝你周末愉快!我相信这里的标准是不要用“仅仅”链接来回答问题,因为链接可能会失效。你应该在回答中包含足够的信息来直接回答问题,然后将链接作为参考。我觉得这就是提问者想要的答案。。。你应该得到更多的信任,我更喜欢使用最大高度:100px代码>。由于我的配置,缺少的是高度
,因此没有显示垂直滚动条,尽管高度:100%代码>对我更有效。