，

，

，

，

和

• display：inline

  預設。此元素會被顯示為內聯元素，元素前後沒有換行符和其他元素都在一行上；

  高，寬及頂和底邊距不可改變；

  寬度就是它的文字或圖片的寬度，不可改變。

  

  例子

  ， ， ， ， ， 和

  display：inline-block

  簡單來說就是在CSS中透過display：inline-block對一個物件指定inline-block屬性，可以將物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。（CSS2。1 新增的值）讓塊元素和其他元素保持在一行上；

  控制inline元素的寬度（對導航條特別有用）；

  控制inline元素的高度；

  無須設定寬度即可為一個塊元素設定與文字同寬的背景色。

  特點：

  將物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內，允許空格。

  相容性：

  。但是這個屬性目前不是所有的瀏覽器都支援，只有Opera和Safari支援，FireFox3和IE8據說將會支援，Firefox2和IE使用特殊辦法可以實現這種效果

  IE下塊元素如何實現display：inline-block的效果？有兩種方法：

  先使用display：inline-block屬性觸發塊元素，然後再定義display：inline，讓塊元素呈遞為內聯物件（兩個display要先後放在兩個CSS宣告中才有效果，這是IE的一個經典bug，如果先定義了display：inline-block，然後再將display設回inline或block，layout不會消失）。程式碼如下（…為省略的其他屬性內容）：

  div {display：inline-block；…}

  div {display：inline；}

  直接讓塊元素設定為內聯物件呈遞（設定屬性display：inline），然後觸發塊元素的layout（如：zoom：1等）。程式碼如下：

  div {display：inline； zoom：1；…}