模板:IB

inline block（同軸區塊）

語法及參數順序

{{IB|文字或任何東西|其它樣式}}

參數順序	意義	預設值
1	欲放進此區塊的任何東西	無
2	其它 style	無

說明

display:inlink-block 顧名思義是將區塊內的文字或任何東西以 inline 形式呈現，換句話說，它可以搭配周圍的文字而顯示在一起，且此屬性可設定寬高，使用彈性很高。

※註：各瀏覽器皆支援此屬性。

範例

inline-block 的應用時機很多，底下只是其中一個例子，並非全部。

某些時候，我們需要列出許多西方人名，例如在一個 TABLE 裡列出三個名字，但當容器寬度有限時，人名可能從中間被截斷，這在英文頁面是相當普通且正常的事。

{| CELLSPACING="0" CELLPADDING="3" STYLE="width:350px;font:normal 9pt Consolas;border:1px solid black"
|-
| FirstName LastName, FirstName LastName, FirstName LastName
|}

顯示結果如下，第三個人名從中間換行：

FirstName LastName, FirstName LastName, FirstName LastName

然而，有些編輯者會希望在換行前後的人名是完整的、不要從中間切開。

這種情況下可利用 {{IB}} 將完整人名括起來，表示它是一個區塊，避免從中間切開。

{| CELLSPACING="0" CELLPADDING="3" STYLE="width:350px;font:normal 9pt Consolas;border:1px solid black"
|-
| FirstName LastName, FirstName LastName, {{IB|FirstName LastName}}
|}

顯示結果如下，第三個人名是一個 inline-block，所以連名帶姓一起換行：

FirstName LastName, FirstName LastName, FirstName LastName