在页面上隐藏元素的方法有哪些呢?今天俺跟大家整理分享一下常见的方法,如果有不对的地方希望大家一起学习交流。
大致分为占位和不占位,占位的意思就是虽然隐藏但是仍然可以捕获到点击的事件。
占位
- visibility: hidden;
- margin-left: -100%;
- opacity: 0;
- transform: scale(0);
不占位
- display: none;
- width: 0; height: 0; overflow: hidden;
仅对块内文本元素有效:
- text-indent: -9999px;
- font-size: 0;