跳至內容

模板:Inline block/doc

本頁使用了標題或全文手工轉換
維基百科,自由的百科全書

用法

[編輯]

模板 {{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形式的樣式信息