div css隐藏内容样式的方法是什么
div css隐藏内容样式的方法是什么
本篇内容介绍了“div css隐藏内容样式的方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
一般情况下,css隐藏的用途,如下:
1、对文本的隐藏
2、隐藏超链接(另类黑链)
3、对统计代码隐藏
4、隐藏超出图片
5、css隐藏滚动条
6、css隐藏div层
一、使用css隐藏方法用到CSS样式单词及对应解释
1、使用display:none;来隐藏所有信息(无空白位占据)
2、使用overflow:hidden;来隐藏溢出的文字或图片
3、使用overflow-y:hidden;和overflow-x:hidden控制滚动条的隐藏与否
二、常见div css隐藏案例
1、css隐藏DIV及内容,完全隐藏内容与布局
解释:使用CSS单词display:none;完全隐藏文本及图片
<divstyle="display:none;">你是看不见我的</div>
使用div中css样式display:none;将使得div内的内容隐藏通过浏览器什么也看不见,并且隐藏的内容也不会占用空间,通常用于JS特效隐藏、隐藏统计代码显示图标。
扩展阅读:
1)、通过对象盒子设置缩进样式(text-indent:-9999px)方法可以隐藏超链接文本内容
2)、隐藏图片上方文字
进入了解更详细:css隐藏div html内容
2、overflow: hidden 隐藏溢出DIV内容或图片
实例代码如:
我是可以看见的<br/><br/><divstyle="overflow:hidden;width:30px;height:20px;">你是看不见我的。</div><br/>同样我也是可以看见的
隐藏溢出内容截图
使用css样式通过对“你是看不见我的”div css层设置固定的高和宽,然后通过overflow: hidden样式即可使得超出(溢出)固定的高宽内容隐藏同时也不占用被隐藏地方位置。
3、css隐藏滚动条
使用overflow-y:hidden;和overflow-x:hidden来隐藏或显示对应横或竖方向的滚动条。此案例可以进入css手册的overflow-y和css在线手册的overflow-x有详细的讲解对滚动条的设置隐藏或显示方法。
“div css隐藏内容样式的方法是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站,小编将为大家输出更多高质量的实用文章!
推荐阅读
-
Atom 主题开发入门:CSS 自定义与界面元素动态渲染
-
CSS中如何让auto height支持过渡动画
CSS中如何让autoheight支持过渡动画这篇文章主要讲解了...
-
css语言的概念是什么
css语言的概念是什么这篇文章主要讲解了“css语言的概念是什么”...
-
php常见的后台内容管理系统,非常适合初级程序员的建站系统
-
php手把手教你做网站(三十四)网站静态生成二标签说明
首先介绍下用到的标签:1、模块内文章循环(分页)cmlist,结束{/cmlist}{cmlist "t":"...
-
php 压缩CSS代码
-
PHP工程师需要掌握什么技能?
-
WordPress主题开发教程十:日志导航链接
-
泰牛韩顺平PHP四大模块实战开发教程全集网盘下载
-
css中的margin-right怎么设置
css中的margin-right怎么设置本篇内容主要讲解“css...