CSS隐藏元素的十四种方法
生活随笔
收集整理的這篇文章主要介紹了
CSS隐藏元素的十四种方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
通過設置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隱藏元素，相當于定位將元素移出屏幕范圍；
總結
以上是生活随笔為你收集整理的CSS隐藏元素的十四种方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： spring webscoket服务端使
- 下一篇： 一些杂七杂八的前端知识1