显示与隐藏（自学笔记）

最新推荐文章于 2024-05-03 04:26:53 发布
最新推荐文章于 2024-05-03 04:26:53 发布
阅读量120 收藏
点赞数
分类专栏： 自学笔记 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zmhxuexi/article/details/108074678
版权

display 显示

width="100px";
height="100px";
display:"none";<!-- 隐藏某个元素/display:block;显示某个元素  -->

特点：display:“none”;隐藏之后元素不再占有位置。

visibility 可见性

设置或检索是否显示对象
visible: 对象可视
hidden: 对象隐藏
特点：visibility:“hidden”;隐藏之后元素占有位置。

overflow ：“hidden”(溢出隐藏)

overflow:"hidden"; 超出盒子的内容隐藏起来
overflow:"scroll";总是显示滚动条
overflow:"auto";自动，超出盒子就显示滚动条，反之则不显示
Mr.Zmh
关注
专栏目录
元素的显示和隐藏（display、visibility、overflow）
qq_43623147的博客
12-13 995
类似网页广告，当点击关闭就不见了，但重新刷新页面，就会重新出现。 本质：让元素在页面中显示或者隐藏。 一、display 显示 display属性用于设置一个元素如何显示。 display: none; 隐藏对象 display: block; 转换为块级元素；显示元素 display隐藏元素后，不再占有原来的位置。 二、visibility 可见性 visibility属性用于指定一个元素可见还是隐藏。 visibility: visible; 元素可视 visibility: hidd
Bootstrap CSS根据屏幕大小控制隐藏与显示
极客神殿
09-14 1万+
Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。 需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。 超小屏幕 小屏幕 中等屏幕 大屏幕 手机 (<768px) 平板 (≥768px) 桌面 (≥992px) 桌面 (≥1200...
显示和隐藏（display属性）none或block
weixin_30565327的博客
06-11 807
显示和隐藏（display属性） 网页中经常会看到显示和隐藏的效果，可通过display属性来设置。 语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 value取值: 看看下面代码: ...
【bootstrap】栅格布局和自动隐藏或者显示
热门推荐
wy_Blog的博客
02-19 2万+
查看了多个大神的博客然后综合转载了下： 1 Container 顾名思义container是栅格系统最外层的class，直接被container包裹的只能是row这个class。需要注意的是container自带左右各15px padding值，这样container与浏览器窗口之间就存在一定距离。 2 row row指container的一行，每行理想状态包含12个col
vue中的v-if和v-show的区别
wjw_de_java的博客
11-23 174
v-if和v-show的区别 简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低 1.共同点 v-if 和 v-show 都可以动态地显示DOM元素 2.不同点 （1）手段： v-if 是动态的向DOM树内添加或者删除DOM元素； v-show 是通过设置DOM元素的display样式属性控制显隐； （2）编译过程： v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件； v-show只是简单的基于css切换； （3）编译条件： v-i
linux自学笔记
Aurora___Li的博客
11-22 1095
linux自学笔记
Ubuntu自学笔记一
最新发布
2401_84046545的博客
05-03 895
每年转战互联网行业的人很多，说白了也是冲着高薪去的，不管你是即将步入这个行业还是想转行，学习是必不可少的。作为一个Java开发，学习成了日常生活的一部分，不学习你就会被这个行业淘汰，这也是这个行业残酷的现实。如果你对Java感兴趣，想要转行改变自己，那就要趁着机遇行动起来。或许，这份限量版的Java零基础宝典能够对你有所帮助。《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门，即可获取！号使用。
git 自学笔记
qq_44001832的博客
04-23 391
git clone：使用该指令在现有的git仓库中拷贝项目（类似于 svn checkout）。可以克隆到指定的目录中，在资源后面加上指定目录即可。git add：git add *.c 将目录下的所有c文件纳入版本控制，让git进行跟踪，再用git commit -m ‘xxx’ 提交。git init：创建一个git仓库，也可以使用git init 具体文件名创建。是一个开源的分布式版本控制软件，可以敏捷的处理任何大小项目。
Python自学笔记.docx
07-03
* `-a` 显示指定目录下所有子目录与文件，包括隐藏文件 * `-l` 以列表方式显示文件的详细信息 * `-h` 配合 `-l`，以人性化的方式显示文件大小 4. 通配符的使用 * `*` 代表任意个数个字符 * `?` 代表任意一个字符，...
Excel自学笔记1
08-08
【Excel自学笔记1】主要涵盖了Excel的基本操作和...以上就是Excel自学笔记1中涉及的主要知识点，掌握这些技能将大大提高Excel数据管理与分析的效率。后续的学习可以继续探索更高级的数据计算、图表制作和数据分析功能。
Linux自学笔记，0基础到实战
04-12
`ls` 命令有多种选项，可以用于显示文件的详细信息、排序文件、显示隐藏文件等。 创建删除目录 ------------- Linux 中可以使用 `mkdir` 命令创建目录，使用 `rmdir` 命令删除目录。这些命令可以用于创建和管理...
微信小程序自学笔记.docx
10-15
微信小程序自学笔记 微信小程序是微信官方提供的一种开发平台，允许开发者使用 JavaScript、WXSS 和 WXML 等语言来开发小程序。以下是微信小程序的自学笔记，涵盖了小程序的基本结构、页面布局、数据绑定、事件绑定...
JQuery教程自学笔记
08-02
`slideUp()`和`slideDown()`方法用于元素的向上/向下滑动显示或隐藏，而`slideToggle()`则能在两者之间切换。 6. 动画效果 `animate()`方法允许自定义动画，可以控制元素的各种属性，如位置、尺寸、透明度等。 7. ...
一元运算符（自学笔记）
zmhxuexi的博客
10-05 1993
一元运算符 ++，- -都是运算符 ++，- -可分为前+，后＋和前-，后减 如果++在后面，如：num++ +10:；先参与运算，然后自身结果再加一 如果++在前面，如：++num +10:；先自身加一，然后再参与运算 以上同理也适应于- -的运算规则 var num=10; num++;//自身+1 console.log(num);//输出11 var num=10; ++num;//自身+1 console.log(num);//输出11 ...
line-height为什么会使文字居中
zmhxuexi的博客
06-18 891
首先行高是文字的字符大小和字符上下的边距决定的，关键就是这个上下的边距是相等的，你可以把行高想象是两条看不见的水平平行线，而在平行线内，字符与平行线上下的边距总是相等的，就是垂直居中的意思。 而height这个属性是盒子属性的高度，盒子并没有像行高这样与上下的边距是相等的要求。而是默认在左上角 所以不是行高line-height与文字高height一样就能让文字居中，而是应该这样理解，字符本来就在行高内垂直居中了，只是行高与文字的盒子高度不等，导致不能在盒子里垂直居中，如果我们把行高line-height与
圆角边框（自学笔记）
zmhxuexi的博客
07-31 507
圆角边框（CSS3） 语法格式： border-radius:50%;<!-- 让一个正方形变成一个圆 --> 四组值：border-radius:1px 1px 13px 2px;<!-- 分别表示左上、右上、右下、左下的圆角--> 三组值border-radius:10px 5px 1px ;<!-- 表示左上为10px、右上和左下为5px、右下为1px--> 二组值border-radius:10px 1px ;<!-- 表示左上和右下为10px、右上和左下
数组（自学笔记）
zmhxuexi的博客
10-26 471
数组 数组：一组有序的数据 作用：可以一次性存储多个数据 数组中存储的数据类型可以不一样 数组的定义： 1.通过构造函数创建数组 语法： var 数组名=new Array(); var array=new Array();//定义了一个数组 数组的名字如果直接输出，那么直接就可以把书组中的数据显示出来，如果没有数据，就看不到数据 var 数组名=new Array(长度); 如果数组中没有数据，但是有长度，那么数组中 的值就是undefined 构造函数的方式创建数组：如果Array(一个数字);---
表单标签（自学笔记）
zmhxuexi的博客
05-19 397
表单 表单的目的是用来收集用户信息 在HTML中，一个完整的表单是由表单控件（也称表单元素），提示信息和表单域三个部分组成 input 控件 （重点） input 输入的意思 <input />标签为单标签,type属性为其最基本的属性值，其取值有很多，用于指定不同的控件类型； 除了type属性之外也有其他属性，如下： 属性 属性值 描述 type text 单行文本输入框 password 密码输入框 radio 单选按
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值