模板:Inline block

模板文件[檢視] [編輯] [歷史] [清除快取]

用法

模板 {{Inline block}}建立一個有CSS屬性display: inline-block的元素，預設為<span>，支持大部分常見的樣式屬性作為模板參數，以及style參數。

其中一個用途是，當編寫的模板佈局複雜、需要在流動裝置和桌面設備上不同顯示時，替代{{nowrap}}。類似於{{nowrap}}，它可以儘可能避免換行。但是，如有需要，例如在小屏幕中，內容還是可以換行。

換行控制的範例

在下面的每個例子中，都有個寬度限制，這可能會受到用戶的屏幕大小、模板的其他部分影響。

1 (紅色)=氣體 3 (黑色)=固體 80 (綠色)=液體 原子數的顏色顯示了物質的狀態（在0 °C and 1 atm下）

1 (紅色)=氣體 3 (黑色)=固體 80 (綠色)=液體 原子數的顏色顯示了物質的狀態（在0 °C and 1 atm下）

1 (紅色)=氣體 3 (黑色)=固體 80 (綠色)=液體 原子數的顏色顯示了物質的狀態（在0 °C and 1 atm下）

在這裏，每個灰色框和文本「原子數的顏色……」都包含在{{inline block}}模板同，如果使用了{{nowrap}}，那麼前兩個例子沒有可見的影響，而在第三個例子中，文本就無法換行到可用的空間內。在流動裝置中，這意味着表格或者整個文章都被迫可水平滾動。

TemplateData

以下是該模板的模板資料，適用於視覺化編輯器等工具。

Inline block模板資料

模板{{Inline block}}會建立一個行內塊（inline-block）元素，在編寫有複雜佈局的模板時，可以替代{{nowrap}}。

參數		描述	類型	狀態
內容	1	需要包含在inline-block元素中的內容	內容	可選
標籤名稱	2	改變使用的HTML標籤。這會影響模板應該使用哪個元素來包含內容。 預設值 span 範例值 div、abbr	字串	可選
標題	title	內容的標題（用於提示文本，或者當2=abbr時表示展開的縮寫） 範例值 died (for abbr d.)	字串	可選
寬度	width	寬度，會直接傳到CSS屬性width	字串	可選
高度	height	高度，會直接傳到CSS屬性height	字串	可選
文本顏色	color	文本的顏色，會直接傳到CSS屬性color	字串	可選
背景格式	background bg	背景格式，會直接傳到CSS屬性background	字串	可選
其他樣式	style	CSS形式的樣式資訊	字串	可選

模板{{Inline block}}會建立一個行內塊（inline-block）元素，在編寫有複雜佈局的模板時，可以替代{{nowrap}}。

模板參數

參數		描述	類型	狀態
內容	1	需要包含在inline-block元素中的內容	內容	非必填
標籤名稱	2	改變使用的HTML標籤。這會影響模板應該使用哪個元素來包含內容。 預設 span 範例 div、abbr	字串	非必填
標題	title	內容的標題（用於提示文本，或者當2=abbr時表示展開的縮寫） 預設 範例 died (for abbr d.)	字串	非必填
寬度	width	寬度，會直接傳到CSS屬性width	字串	非必填
高度	height	高度，會直接傳到CSS屬性height	字串	非必填
文本顏色	color	文本的顏色，會直接傳到CSS屬性color	字串	非必填
背景格式	background bg	背景格式，會直接傳到CSS屬性background	字串	非必填
其他樣式	style	CSS形式的樣式資訊	字串	非必填