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 24, 2018
If you think my article is useful to you, please feel free to appreciate