怎么让html中只有竖直滚动条没有水平滚动条

来源:百度知道 编辑:UC知道 时间:2024/07/04 11:19:49
想用pre标签标注一段文本,这样段落很清楚,但是如果文本水平字数很多就会产生水平滚动条,我不想让这个发生,我希望它自动换行,怎么办?
虽然用很多br标签可以实现,但是这个很麻烦。

在被包含页里加入
<style>
html { overflow-y:hidden; }
</style>

或者1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body scroll="no" style="overflow-x:hidden">
没有垂直滚动条
<body scroll="no" style="overflow-y:hidden">
没有滚动条
<body scroll="no" style="overflow-x:hidden;overflow-y:hidden">或<body scroll="no" style="overflow:hidden">

很简单,用CSS样式把水平滚动条隐藏起来。但是这个兼容性我还没有测试过。
水平滚动条隐藏: html{overflow-x:hidden}
同理,竖直滚动条隐藏:html{overflow-y:hidden}