CSS 元素显示与隐藏

YFxiaogui

已于 2023-08-16 14:29:52 修改

阅读量26

点赞数

分类专栏： CSS 文章标签： css html 前端

于 2023-08-16 14:19:58 首次发布

本文链接：https://blog.csdn.net/YFxiaogui/article/details/132318331

版权

CSS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一、dispaly

display: none; 隐藏元素
display: block;除了转换为块级元素之外，同时还有显示元素的意思
dispaly隐藏元素后，不占有原来的位置

二、 visibility

visibility: visble;元素可见
visibility: vhidden;元素隐藏
visibility隐藏元素后，继续占有原来的位置

三、overflow溢出

属性值	描述
visible	不剪切内容也不添加滚动条
hidden	不显示超过对象尺寸的内容，超出部分隐藏掉
scroll	不管超出内容否，显示滚动条
auot	超出自动显示滚动条，不超出不显示滚动条

关注博主即可阅读全文

优惠劵

YFxiaogui

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
CSS 元素显示与隐藏

dispaly隐藏元素后，不占有原来的位置。
复制链接

扫一扫

专栏目录

css 元素显示隐藏的9种思路

12-28

本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前并不都是block，还有可能是inline、inline-block等 ...

CSS元素显示与隐藏

LFXZ603的博客

05-15

5235

display显示 display: none; 隐藏某个元素特点：隐藏之后，不保留位置 display: block; 显示某个元素 visibility可见性 visibility: hidden; 隐藏某个元素特点：隐藏之后，位置仍然保留 visibility: visible; 显示某个元素 overflow溢出隐藏 overflow: visible; 当文...

1 条评论您还未登录，请先登录后发表或查看评论

CSS 元素的显示与隐藏

xiongmouren_jy的博客

05-18

7894

元素显示与隐藏：display、visibility、overflow和opacity。

CSS系列之元素的显示与隐藏

老__L的博客

02-05

3020

本文主要介绍CSS的visibility属性。元素的显示与隐藏

css样式控制元素显示和隐藏

weixin_46221198的博客

06-19

2443

这是一个性能优化的一个方法也是一个思想，知道了有这个东西的存在，我们会有新的思路或者是意识去提高性能

CSS实现元素显示和隐藏

m0_56712012的博客

12-01

2601

让我来简单讲一讲css中元素的显示和隐藏是如何去实现的吧元素的显示和隐藏

CSS元素的显示和隐藏

weixin_44703582的博客

10-15

710

目录前言一、display 二、visibility 三、overflow 总结前言在CSS中，隐藏和显示是我们经常会用到的方法，最常用的方法有三种：display、visibility、overflow。它们的主要目的是让一个元素在页面中消失，但并不是让它们被删除掉，比如网页中的小广告，关掉以后再次刷新页面又会重新出现。一、display 要点：display元素隐藏后，不再占有原来的位置。用途：配合js做特效，比如下拉菜单，原先没有，鼠标经过显示下拉菜单，...

css显示隐藏元素的方法

kaiser010的博客

05-26

908

在这个例子中，我们使用了一个复选框元素作为触发器。当这个复选框被选中时，被隐藏的元素就会显示出来。当复选框被选中时，它的兄弟元素#myDiv就会显示出来。在开发过程中有时候需要隐藏或显示某个元素，但是不能使用JavaScript来实现，以免影响浏览器的兼容性。其实通过css也可以实现显示隐藏元素，下面就详细介绍一下css显示隐藏元素的方法，如下。2.添加触发器，例如一个按钮或链接，使得用户点击时，被隐藏的元素会显示出来。要实现这个效果，需要使用CSS中的:checked伪类和 ~ 兄弟选择器。

css显示隐藏的方法

m0_74899723的博客

11-18

3239

第一个值设置宽度，第二个值设置高度。background-position 属性，设置背景图像（由 background-image 定义）的起始位置。如果设置为 50% 50%，图像的中心点将与元素的中心点对齐显示。CSS 背景属性用于定义 HTML 元素的背景，通过背景属性我们可以定义元素的背景颜。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。background-color 属性，设置元素的背景颜色。background-image 属性，为元素设置背景图像。左上角是 0% 0%；

【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )

让学习成为一种习惯 ( 韩曙亮の技术博客 )

04-14

3040

一、元素的显示与隐藏二、display 隐藏对象 1、display 隐藏对象语法说明 2、display 显示元素代码示例 3、display 隐藏元素代码示例三、visibility 隐藏对象 1、visibility 隐藏对象语法说明 2、visibility 显示对象代码示例 3、visibility 隐藏对象代码示例四、overflow 隐藏对象 1、overflow 隐藏对象语法说明

css显示隐藏元素

weixin_45892086的博客

04-07

828

css显示隐藏元素 1、display:none 元素在页面不显示但是在dom结构上能看到触发回流和重绘 1、其余属性 block: 块元素 inline: 行内元素（默认值） inline-block：行内块元素 inherit：继承父元素的display属性 2、opacity：0 透明度为0 只是看不到，但是还存在，点击事件可以触发会触发页面的重绘，不会触发重排 3、visibility:hidden 元素不可见，但是会占据空间不会触发事件会触发页面的重绘，不会触发重排 1、其余属性 v

jQuery的显示和隐藏方法与css隐藏的样式对比

10-26

display:none和visible:hidden都能把网页上某个元素隐藏起来，而jQuery的显示和隐藏又有哪些方法，在本文将为大家详细介绍下，感兴趣的朋友不要错过

JQuery显示隐藏页面元素的方法总结

10-24

主要介绍了JQuery显示隐藏页面元素的方法总结,本文分别讲解了show()、hide()、toggle()、slideDown()、css()5种控制显示隐藏某个DIV或P标签等页面元素的方法,需要的朋友可以参考下

CSS 实现元素较宽不能被完全展示时将其隐藏的方法

09-27

最近做项目遇到这样的需求，需要实现的样式是固定宽度的容器里一排显示若干个标签，数量不定，每个标签的长度也不定。下面小编给大家带来了CSS 实现元素较宽不能被完全展示时将其隐藏的方法，需要的朋友参考下吧

CSS控制DIV层显示和隐藏的实现方法

12-11

css中display和visibility可以隐藏和显示html元素包括DIV层。看起来两者非常类似，很多人会搞混。下面分别介绍两者的属性： display:none|block; display:none; 隐藏该html元素，确切的说，是在浏览器中消除该元素，...

实用css整理

qq_37004501的博客

05-17

408

一般用于特殊时期，网页变灰，只需要给body标签添加这行样式代码。给body标签设置这个属性样式，改变角度看看效果吧。

Vue3无限滚动组件TypeScript、TailwindCSS

远小帅的博客

05-17

182

Vue3无限滚动组件TypeScript、TailwindCSS

css实现li中文字换行对齐

weixin_52268321的博客

05-17

150

【代码】css实现li中文字换行对齐。

three.js官方CSS2DRender案例学习

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交