本館粉絲專頁

模板:IB:修訂版本之間的差異

分享此網頁到Facebook
分享此網頁到Plurk
分享此網頁到百度搜藏
分享此網頁到Twitter
分享此網頁到Del.icio.us
台灣棒球維基館
跳轉到: 導覽搜尋
(新頁面: <SPAN STYLE="display:inline-block;text-indent:0;vertical-align:middle;{{{2|}}}">{{{1|}}}</SPAN><noinclude> == inline block(同軸區塊) == ===語法及參數順序=== <PRE STYLE="...)
 
第14行: 第14行:
 
: <tt>display:inlink-block</tt> 顧名思義是將區塊內的文字或任何東西以 inline 形式呈現,換句話說,它可以搭配周圍的文字而顯示在一起,且此屬性可設定寬高,使用彈性很高。
 
: <tt>display:inlink-block</tt> 顧名思義是將區塊內的文字或任何東西以 inline 形式呈現,換句話說,它可以搭配周圍的文字而顯示在一起,且此屬性可設定寬高,使用彈性很高。
 
: ※註:各瀏覽器皆支援此屬性。
 
: ※註:各瀏覽器皆支援此屬性。
 +
===範例===
 +
:<tt>inline-block</tt> 的應用時機很多,<SPAN STYLE="color:red">底下只是其中一個例子,並非全部。</SPAN>
 +
 +
:某些時候,我們需要列出許多西方人名,例如在一個 TABLE 裡列出三個名字,但當容器寬度有限時,人名可能從中間被截斷,這在英文頁面是相當普通且正常的事。
 +
<PRE STYLE="margin-left:40px">{| CELLSPACING="0" CELLPADDING="3" STYLE="width:350px;font:normal 9pt Consolas;border:1px solid black"
 +
|-
 +
| FirstName LastName, FirstName LastName, FirstName LastName
 +
|}</PRE>
 
[[Category:模板管理]]</noinclude>
 
[[Category:模板管理]]</noinclude>

2015年10月23日 (五) 13:17的修訂版本

目次

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
|}