HTML如何隐藏滚动条或去除滚动条

程序员文章站 2022-04-14 09:15:37

...

滚动条可以存在也可以不存在，本文主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,大家一起来学习一下HTML隐藏滚动条或去除滚动条的方法吧。

1. html 标签加属性

XML/HTML Code复制内容到剪贴板

2.body中加入以下代码

<style type="text/css">
html{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style>

html页面去除滚动条的方法

为了防止以前的css文件覆盖掉body的的style

直接在html中写一个css

<span style="font-size:24px;"><style type="text/css">
body{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style></span>

这样就没有滚动条了

如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度