Rumah > hujung hadapan web > html tutorial > HTML 隐藏滚动条和去除滚动条的方法

HTML 隐藏滚动条和去除滚动条的方法

不言
Lepaskan: 2018-06-05 13:53:47
asal
3828 orang telah melayarinya

这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

1. html 标签加属性

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

<html lang="en" class="no-ie" style="overflow:hidden;">
Salin selepas log masuk

2.body中加入以下代码

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

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

html页面去除滚动条的方法

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

直接在html中写一个css

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

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

这样 就没有滚动条了

相关推荐:

html表格单元格内容超出时显示省略号效果

Atas ialah kandungan terperinci HTML 隐藏滚动条和去除滚动条的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan