display的取值問題

display常用的值，none，block，inline，inling-block，table-cell；none都明白，table-cell屬性指讓標籤元素以表格單元格的形式呈現，類似於td標籤。而block，inline，inline-block則是設置元素是塊級元素還是行內元素，衆所周知，元素有塊級元素，行內元素兩種，p，div，table，from一類的都是塊級元素，塊級元素與行內元素的不同之處就在於塊級元素在文檔流中是單獨佔用一行的，而a，span，em，strong，textarea等都是行內元素，行內元素不光是不單獨佔用一行，而且如果對齊進行設置寬，高等屬性的時候也是沒有效果的，那麼如果想要讓一個行內元素單獨佔用一行，或者想要讓兩個塊級元素並排要怎麼樣，這個是block，inline就顯示了作用，當元素的display屬性值i爲block時那麼這個元素就會顯示爲塊級元素一樣，如果設置爲inline那麼即使是塊級元素也不會再單獨佔一行，那麼如果比如說元素標籤a我想要設置它的寬高又不想要其獨佔一行，影響整個頁面的佈局，這個時候就應該設置爲inline-block簡而言之這個屬性值就是讓元素可以想塊級元素一樣進行width，height的設置，而本身的邊線 又和行內元素一樣不會獨佔一行。