一雌团，display:none;
隱藏元素燃领，不占網(wǎng)頁中的任何空間，讓這個元素徹底消失
二锦援，visibility:hidden;
他是把那個層隱藏了猛蔽，也就是你看不到它的內(nèi)容但是它內(nèi)容所占據(jù)的空間還是存在的
{ display: none; /* 不占據(jù)空間，無法點擊 */ }
{ visibility: hidden; /* 占據(jù)空間灵寺，無法點擊 */ }
visibility: hidden----將元素隱藏曼库，但是在網(wǎng)頁中該占的位置還是占著。
display: none----將元素的顯示設(shè)為無略板，即在網(wǎng)頁中不占任何的位置毁枯。
例如有三個table，將中間的一個table hidden掉叮称，你會發(fā)現(xiàn)在那個被hidden的table看不見了种玛，但是，中間會留有很大的一空白瓤檐，而這個空白就是這個table沒有被隱藏時所占的位置
而none的作用更像是把元素從網(wǎng)頁中“去除”（當(dāng)然不是真的去除赂韵，只是效果是如此）
例如有三個table，將中間的一個table none掉距帅，你會發(fā)現(xiàn)在剩下的兩個table中間不會有任何的空白右锨。就好像中間的那個table從來不存在過一樣
例
??? .dib-wrap {
??? font-size:0;/* 所有瀏覽器/
??? word-spacing:-1px;/ IE6括堤、7 /
??? }
??? .dib-wrap .dib{
??? font-size: 12px;
??? letter-spacing: normal;
??? word-spacing: normal;
??? vertical-align:top;
??? }
??? @media screen and (-webkit-min-device-pixel-ratio:0){
??? / firefox 中 letter-spacing 會導(dǎo)致脫離普通流的元素水平位移 /
.??? dib-wrap{
??? letter-spacing:-5px;/ Safari 等不支持字體大小為 0 的瀏覽器, N 根據(jù)父級字體調(diào)節(jié)
??? /
??? }
??? }
??? .dib {
??? display: inline-block;
??? *display:inline;
??? *zoom:1;
??? }
