滚动条设置超出部分隐藏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>滚动条设置 超出部分隐藏</title>
    </head>
    <style type="text/css">
        #box {
            width: 500px;
            height: 300px;
            overflow-x: hidden;
            overflow-y: scroll;
            line-height: 30px;
            text-align: center;
        }

        #box::-webkit-scrollbar {
            display: none;
        }
    </style>
    <body>
        <!-- 兼容所有浏览器的超出部分滚动不显示滚动条 -->
        <div id="box">
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
            你好 </br>你好 </br>
        </div>
        <script type="text/javascript">
        </script>
    </body>
</html>

原文地址：https://www.cnblogs.com/mengfangui/p/10045584.html

时间： 2024-10-07 00:48:51

滚动条设置超出部分隐藏的相关文章

JQuery 简单的文字超出部分隐藏下拉显示

HTML代码: <body> <div class="txt_bos"> <div class="txt1"> 石村,位于苍莽山脉中,四周高峰大壑,茫茫群山巍峨. 清晨,朝霞灿灿,仿若碎金一般洒落,沐浴在人身上暖洋洋. 一群孩子,从四五岁到十几岁不等,能有数十

css设置滚动条并显示或隐藏

看效果,没有滚动条,超出div,开发中肯定不行. 有滚动条最后就是想隐藏滚动条代码有滚动条并显示 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body style="width:229px; h

Qt设置窗体标题栏隐藏和窗口是否有任务栏图标

css中滚动条设置

1. html中只有竖直滚动条 1 { 2 overflow-y:scroll; 3 overflow-x:hidden; 4 } 或者: <body scroll="no" style="overflow-x:hidden"> 2. 没有垂直滚动条 1 { 2 overflow-y:hidden; 3 overflow-x:scroll; 4 } 或者: <body scroll="no" style="overfl

表格超出部分隐藏

<html><head> <style type="text/css"> td{ white-space:nowrap;text-overflow: ellipsis;overflow: hidden; } </style></head><body> <table width="350px" border="1" cellspacing="0" ce

微信小程序scroll-view去掉滚动条设置

只需在wxss添加下面这行样式即可 /* 去掉scroll-view滚动条设置 */ ::-webkit-scrollbar{width: 0;height: 0;color: transparent;} 原文地址:https://www.cnblogs.com/chenmiaosong/p/9328297.html

Swing自定义JScrollPane的滚动条设置,重写BasicScrollBarUI方法

Swing自定义JScrollPane的滚动条设置,重写BasicScrollBarUI方法摘自:https://blog.csdn.net/qq_31635851/article/details/80986870 1.自定义BasicScrollBarUI类 1 import java.awt.AlphaComposite; 2 import java.awt.Color; 3 import java.awt.Dimension; 4 import java.awt.GradientPain

[UE4]工程设置：自动捕获鼠标、通过代码设置鼠标显示隐藏、输入模式、编译时自动保存

一.在4.20版本中运行游戏,在没有进行任何设置的情况下,游戏不会自动捕获鼠标,游戏不会接受输入,需要手动点一下游戏界面才行.如果要跟老版本一样运行游戏自动捕获鼠标,需要进行设置二.也可以通过代码的方式设置鼠标显示隐藏和输入模式三.编译时自动保存原文地址:https://www.cnblogs.com/timy/p/10189754.html

S7-300 与TP900 组态棒图量表滚动条滚动条设置的值通过IO输出域显示出来

切换编程语言注意一定要先选中某一个组织块例如 OB1 然后单击菜单编辑切换编程语言组态 300 PLC 的CPU 点击 SIMENSE LOGO 查看循环中断 OB35 可以在帮助菜单里面查看跳转指令的用法本程序的温度设定值用滚动条进行设定同时在下面的IO域显示出滚动条设置的变量的值 , 滚动条用的变量类型是 HMI 内部变量变量的名称是温度设定值 int 型下面的IO 域设定的类型是输出 IO 域有3种输出类型输入变量输入到HMI

滚动条设置 超出部分隐藏

滚动条设置 超出部分隐藏的相关文章

滚动条设置超出部分隐藏

滚动条设置超出部分隐藏的相关文章