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

编程小号 • 2023-08-21 20:11 • 未分类

最近有个不同行的盆友问我，怎么把内容隐藏起来，我第一想到了用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>`

今天的文章这6个css隐藏内容的方法，用过没？分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/32186.html