基本介紹
它可以讓行內顯示為塊的元素，變為行內顯示，例如
<div> DIV1 </div>
<div> DIV2 </div>
這裡DIV1和DIV2分別占一行，但是你給他們加上屬性後變了
<div style= "display:inline "> DIV1 </div>
<div style= "display:inline "> DIV2 </div>
DIV1和DIV2這時候顯示在同一行了，試試看吧。
和 display:inline 對應的是 display:block，block 會讓套用了該 CSS 屬性的 HTML 標記變成塊級別元素，例如 SPAN 是行內顯示的，但是你加了 display:block 屬性就不一樣了
<span style= "display:block "> SPAN1 </span>
<span style= "display:block "> SPAN2 </span>
經典用法
display:inline比較經典的用法是用在 <ul> 下的 <li> 中 內聯 block一般一個塊占一行，除非float inline是自動排為一行，就象段內的文字一樣，可成為多行。
display:inline 的作用是設定對象做為行內元素顯示，inline是內聯對象的默認值（ps:內聯對象就是不自動產生換行的元素，比如span） 而我們一般用的div是塊級元素，默認display屬性是block, 但將div的display設定為inline的話，則多個div可以象span一樣顯示在一行了。
display:inline 對應不顯示為 display:none
display:block 對應不顯示為 hidden
說通俗點 樣式為none的元素不占位置,而樣式為hidden的元素雖然不顯示但還是占地方。
