这6个css隐藏内容的方法，用过没？

最近有个不同行的盆友问我，怎么把内容隐藏起来，我第一想到了用css的方法隐藏起来，我测试了以下这6中方法是可行，欢迎一起交流下，css的其他方法，我们最常用的应该是display:none就行了，其他5种方法好像有seo作弊的嫌疑，虽然能把内容隐藏起来，但我个人感觉正规网站不提倡使用。

1.常用的display:none方法

1	`<p` `style="display:none;">文字看不见</p>`

2.文本缩进负值方法

1	`<p` `style="text-indent:-99999px;">文字看不见</p>`

3.文字大小为0方法

1	`<p` `style="font-size:0">文字看不见</p>`

4.width和height为0+防止溢出方法

1	`<p` `style="width:0;height:0;overflow:hidden;">文字看不见</p>`

5.绝对定位负值方法

1	`<p` `style="position: absolute;left:-6600px;top:-1000px;">文字看不见</p>`

6.绝对定位+margin负值方法

1	`<p` `style="position:absolute;margin-top:-9999px;margin-left:-9999px; ">文字看不见</p>`

原文地址：http://tangjiusheng.com/divcss/144.html

这6个css隐藏内容的方法，用过没？相关推荐

css隐藏内容样式方法（自适应页面常用）
H5自适应网站制作时经常会遇到的一个问题,电脑端页面缩小到手机端页面内后发现有些栏目,有些图片太大或者影响美观,那么这个问题在吗解决呢? 手机端最典型的就是iphoenplus最大宽度是414目前市场 ...
5种css隐藏元素的方法_在CSS中隐藏元素的10种方法
5种css隐藏元素的方法 There are multiple ways to hide an element in CSS, but they differ in the way they affe ...
文字开头隐藏css,css隐藏文字一些方法总结
摘要腾兴网为您分享:css隐藏文字一些方法总结,字体大师,知音漫客,找乐助手,天天爱等软件知识,以及科学计算器app,yy自动上马甲,校园e信,英雄三部曲,苏州公共自行车,立体字转换器,四川省教育资 ...
css样式隐藏元素的方法,你不知道的css隐藏元素的方法
css隐藏元素是网页编写常用的方式,根据我的经验总结了以下几种css隐藏元素的方法. 记录 opacity opacity属性的隐藏方法主要是将元素透明度opacity设置为0,从而在视觉上就隐藏了元 ...
CSS隐藏内容的三种方法比较
1.display:none; 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字. 2. visibility: hidd ...
php 隐藏 div 代码,在HTML里用CSS隐藏div的方法
我们知道,在制作网页的过程中常常会想隐藏一些内容,比如网站添加第三方统计显示的图标等,如何通过CSS隐藏,怎么让图片作为背景,但文字又不显示呢?这篇文章来给大家解读一下. 一.普通隐藏网页内容 CSS ...
CSS隐藏元素的方法
隐藏元素之后,它在页面的行为如何? HTML文件如下很简单,就一个div <!DOCTYPE html> <html lang="en"> <hea ...
CSS隐藏滚动条的方法
方法一: 纯CSS+div样式隐藏. 在需要滚动的元素外面再套一个div,给最外面的div设置样式overflow:hidden,宽度比需要滚动的元素小: 之后给需要滚动的元素设置样式overflow ...
CSS中隐藏内容的3种方法及属性值
在制作网页时,隐藏内容也是一种比较常用的手法,它的作用一般有:隐藏文本/图片.隐藏链接.隐藏超出范围的内容.隐藏弹出层.隐藏滚动条.清除错位和浮动等等. 使用CSS即可使以上提到的内容隐藏起来,几种隐 ...

这6个css隐藏内容的方法，用过没？

这6个css隐藏内容的方法，用过没？相关推荐

最新文章

热门文章