孙肖宁

CSS控制元素的隐藏和移除
CSS的隐藏overflow:hidden; 溢出隐藏 ,超出元素范围的内容会被剪切掉。visibility:...
扫描右侧二维码阅读全文
20
2018/02

CSS控制元素的隐藏和移除

CSS的隐藏

  • overflow:hidden; 溢出隐藏 ,超出元素范围的内容会被剪切掉。
  • visibility:hidden; 隐藏元素, 隐藏之后还占据原来的位置。
  • display:none; 隐藏元素, 隐藏之后不占据原来的位置。
  • display:block; 元素可见。
    注意:display:nonedisplay:block 常配合js使用。

内容移除

  • 使用text-indent:-5000em;这样可以隐藏文字内容,使内容不显示在网页可见范围内,通常用于SEO优化。值一般不会超过7位,超出7位页面会出现bug。
  • 将元素高度设置为0,使用内边距将盒子撑开,给盒子使用overflow:hidden;将文字隐藏。如果想占据位置,可以通过设置盒子的内边距(padding)来控制。
Last modification:February 24th, 2018 at 05:55 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment