最近開始了解一些CSS的基本用法，鞏固下自己的前端知識積累。
我們經常在樣式中做類似如下的定義：
display:inline
display:block
display:none
這里的 display:inline 可以讓塊級元素，變為行內元素，且元素前后沒有換行符；比如：
<div> DIV1 </div> <div> DIV2 </div>
默認情況下，這2個div各占一行，也就是顯示為上下兩行，當加上樣式后：
<div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div>
這樣2個div就能顯示在同一行了。說實話，我以前都是用浮動來控制的，嘿嘿嘿。
和 display:inline 對應的是 display:block。block 將元素顯示為塊級元素，且元素前后會帶有換行符。比如，span就是行內元素，如果加了display:block 樣式之后，這2個span就會分兩行顯示了：
<span style= "display:block "> SPAN1 </span> <span style= "display:block "> SPAN2 </span>
display:inline經常用在將多個div像span一樣顯示在一行，或者在 <ul> 中 多個<li>顯示為一行，因為ul也是塊級元素，一個li占一行。