-
通過設置width:0或者height:0隱藏一個元素,文字隱藏可以設置color為背景色或transparent,但內容還在,所以用font-size:0;
-
將元素的opacity設置為0,元素本身還在,只是看不見;
-
通過絕對定位將元素移出屏幕范圍,文字可通過text-indent隱藏,元素還在,只是超出了屏幕范圍看不見(可以給頁面添加LOGO圖片,同時添加文字讓搜索引擎搜索到);
-
通過z-index隱藏,但是默認背景是透明的,需要給元素添加一個背景,元素還在;
-
超出元素寬高部分,設置overflow:hidden來隱藏超出部分,文字需省略號時加上text-overflow:ellipsis;
-
通過設置visibility:hidden,元素不可見,但還占位置;
-
通過設置display:none將元素徹底隱藏,不占位置;
-
將元素的背景設置為透明,字體大小設置為0,元素不可見,但還占位置;
-
將元素的max-height或max-width設置為0,但會有文字溢出的問題,需設置font-size為0;
-
通過transform的translate隱藏元素,相當于定位將元素移出屏幕范圍;
div{transform:translate(-99999px);}
- 將元素的縮放設置為0;
transform:scale(0);
- 讓元素重疊,類似width等于0;
div{transform:skew(90deg):}
- 設置margin為負值,將元素移出屏幕可視區;
div{margin-left:-99999px}
- 將元素剪裁。
-webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);