美文网首页
用css隐藏内容的6个方法

用css隐藏内容的6个方法

作者: 3c3b8d604f77 | 来源:发表于2019-01-26 14:54 被阅读0次

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

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>

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

相关文章

  • 用css隐藏内容的6个方法

    最近有个不同行的盆友问我,怎么把内容隐藏起来,我第一想到了用css的方法隐藏起来,我测试了以下这6中方法是可...

  • 初级前端面试常见问题(上岸某公司)

    一、HTML5+CSS篇 1.css隐藏元素方法 display:none posi...

  • 用 CSS 隐藏页面元素的 4 种方法

    用 CSS 隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将di...

  • CSS元素隐藏

    一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间; ...

  • 如何使用css隐藏元素

    2019-03-15-11:50:于公司 一、CSS元素隐藏在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法...

  • 初级前端面试

    HTML+CSS部分 1、CSS 隐藏元素的方法有哪些?(5种) 将opacity 设为 0; 将 visibil...

  • 盒子css隐藏方法

    1.不占位置: a. display: none; b. height: 0; overflow: ...

  • 使用CSS隐藏元素滚动条

    分享2种方法实现CSS如何隐藏滚动条并且还是滚动啦! 方法一:偷梁换柱法 方法二:css伪类大法(如果需要考虑兼容...

  • css隐藏内容样式方法(自适应页面常用)

    H5自适应网站制作时经常会遇到的一个问题,电脑端页面缩小到手机端页面内后发现有些栏目,有些图片太大或者影响美观,那...

  • CSS问题(1)

    1.css隐藏显示的方法 display:none 2.解释css sprites。并说如何使用 图片懒加载,在页...

网友评论

      本文标题:用css隐藏内容的6个方法

      本文链接:https://www.haomeiwen.com/subject/tleijqtx.html