區別：
1、占用域的空間不同。
visibility要占用域的空間，而display則不占用。
visibility和display都可以實現對頁的隱藏，例如：
將元素display屬性設為 block，會在該元素後換行。
將元素display屬性設為 inline，會消除元素換行。
將元素display屬性設為 none，隱藏該元素內容，且不占用域的空間。
將元素visibility屬性設為 hidden，隱藏該元素內容，但占用域的空間。
將元素visibility屬性設為 visible，顯示元素內容。
2、回應正常文檔流的不同。
如果妳想隱藏某元素，但在頁面上保留該元素的空間的話，妳應該使用visibility：hidden 。如果妳想在隱藏某元素的同時讓其它內容填充空白的話應該使用display：none 。
在現實中我發現人們更多的傾向於使用display 屬性（相信這也是大多數人的習慣）。當妳決定用display：none 來隱藏壹個元素時，妳必須知道其它內容將填充到該元素留下的空白位置，從而改變頁面的布局。
擴展資料
在SEO中有時我們會通過把堆砌的關鍵詞隱藏而達到作弊的目的，但不應該使用visibility：hidden 和display：none ，而應該把關鍵詞顏色設為和背景色相同，或者把關鍵詞的字號設為非常小，而令訪客無法發現。
有的人則因為害怕搜索蜘蛛的的反感而為visibility：hidden 和display：none 的使用的煩惱。其實有很多漂亮的效果是通過元素可見性的轉換而實現的。
搜索引擎也理解這壹做法（事實上搜索引擎往往忽略CSS），因此如果妳的目的不是欺騙搜索引擎，妳大可以放心地使用visibility：hidden 和display：none 去隱藏內容。
參考資料：