display幾個常用的屬性以及區(qū)別

none,block,inline,inline-block;

none:會隱藏元素,不占據(jù)dom空間,下文會提到;

block:塊級元素,前后會有換行符,占據(jù)一行;可以進(jìn)行寬高設(shè)置,上下左右的padding,margin屬性也可以設(shè)置;

inline:行內(nèi)元素,前后沒有換行符,不能進(jìn)行寬高設(shè)置;由左到右,從上到下排列,不可以設(shè)置上下margin,padding屬性;

inline-block:既有寬高屬性,又不會換行;

display:none跟visibility:hidden的區(qū)別

display:none,讓元素隱藏而且不占據(jù)dom空間,其他元素可以占據(jù)這個空間;

visibility:hidden,也是讓元素隱藏但是會占據(jù)dom空間,其他元素不能占據(jù)這個空間;