用css隐藏内容的6个方法

最近有个不同行的盆友问我,怎么把内容隐藏起来,我第一想到了用css的方法隐藏起来,我测试了以下这6中方法是可行,欢迎一起交流下,css的其他方法,我们最常用的应该是display:none就行了,

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

用css隐藏内容的6个方法

1.常用的display:none方法

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

2.文本缩进负值方法

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

3.文字大小为0方法

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

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

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

5.绝对定位负值方法

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

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

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

本站部分文章来自网络或用户投稿,如无特殊说明或标注,均为本站原创发布。涉及资源下载的,本站旨在共享仅供大家学习与参考,如您想商用请获取官网版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
前端

html乱码原因与网页乱码解决方法(教你html乱码怎么恢复正常)

2025-5-28 4:34:46

前端

html保存乱码怎么解决(html5中文网页乱码原因是什么)

2025-5-28 4:41:26

搜索