溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下visibility和display有什么區別，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一：什么是visibility和display屬性
1.visibility是用來設置元素是隱藏的還是顯示的，visible就表示顯示，而hidden就表示隱藏，當我們把visibility屬性設置成hidden，表示該元素是隱藏的，但是隱藏的位置還是保留的，其實的文字不會移動。
用法和解釋：
visibility: visible /* 元素可見，默認值*/ visibility: hidden /* 元素不可見，但仍然為其保留相應的空間*/ visibility: collapse /* 只對 table 對象起作用，能移除行或列但不會影響表格的布局。如果這個值用在 table 以外的對象上則表現為 hidden 。*/ visibility: inherit /* 繼承上級元素的 visibility 值。*/
2.display是隱藏之后，對浮動的一種設置。
用法和解釋:
display: none /* 元素不可見，并且不為其保留相應的位置*/ display: block /* 表現為一個塊級元素（一般情況下獨占一行）*/ display: inline /* 表現為一個行級元素（一般情況下不獨占一行）*/
二：visibility和display的區別有哪些
1.用法不同
visibility的用法是有四個值，經常用到的就是隱藏和顯示，而display 屬性的值有很多，但是我們只關注幾個值，block、none 和 inline。
2.隱藏的空間
visibility在原空間會保留， display中的none會把元素從頁面上刪除，并且在頁面上看不到元素是否存在。
三：如何使用visibility和display元素
如果你想隱藏元素，并且要求在頁面上保留元素空間的話，就可以使用visibility： hidden，如果你想隱藏并且改變布局的話就使用 display： none。
以上是visibility和display有什么區別的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
