CSS的隐藏
overflow:hidden;
溢出隐藏 ,超出元素范围的内容会被剪切掉。visibility:hidden;
隐藏元素, 隐藏之后还占据原来的位置。display:none;
隐藏元素, 隐藏之后不占据原来的位置。display:block
; 元素可见。
注意:display:none
和display:block
常配合js使用。内容移除
- 使用
text-indent:-5000em;
这样可以隐藏文字内容,使内容不显示在网页可见范围内,通常用于SEO优化。值一般不会超过7位,超出7位页面会出现bug。 - 将元素高度设置为0,使用内边距将盒子撑开,给盒子使用
overflow:hidden;
将文字隐藏。如果想占据位置,可以通过设置盒子的内边距(padding
)来控制。
- 使用