博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS隐藏页面元素方法
阅读量:4344 次
发布时间:2019-06-07

本文共 418 字,大约阅读时间需要 1 分钟。

一、css隐藏页面盒子

overflow:hidden;   隐藏盒子超出的部分,溢出隐藏   

position:absolute; /left/top...-999px;  将位置设到不可见区域,隐藏盒子,而且占位置。

opacity:0;     隐藏盒子   隐藏之后还占据原来的位置。

visibility:hidden;   隐藏盒子    隐藏之后还占据原来的位置。

display:none;        隐藏盒子    隐藏之后不占据原来的位置。

display:block;       元素可见

display:none  和display:block  常配合js使用。

二、css之内容移除(网页优化)

text-indent:-5000em; 将文字移出到不可见区域。

将元素高度设置为0,使用内边距将盒子撑开,给盒子使用overflow:hidden;将文字隐藏。

转载于:https://www.cnblogs.com/ytwanzi/p/6501018.html

你可能感兴趣的文章
Jenkins安装配置
查看>>
个人工作总结05(第二阶段)
查看>>
Java clone() 浅拷贝 深拷贝
查看>>
深入理解Java虚拟机&运行时数据区
查看>>
02-环境搭建
查看>>
spring第二冲刺阶段第七天
查看>>
搜索框键盘抬起事件2
查看>>
阿里百川SDK初始化失败 错误码是203
查看>>
透析Java本质-谁创建了对象,this是什么
查看>>
BFS和DFS的java实现
查看>>
关于jquery中prev()和next()的用法
查看>>
一、 kettle开发、上线常见问题以及防错规范步骤
查看>>
eclipse没有server选项
查看>>
CRC码计算及校验原理的最通俗诠释
查看>>
使用Gitbook来编写你的Api文档
查看>>
jquery扩展 $.fn
查看>>
Markdown指南
查看>>
influxDB的安装和简单使用
查看>>
JPA框架学习
查看>>
JPA、JTA、XA相关索引
查看>>