模板:Inline block
用法
編輯模板 {{Inline block}}建立一個有CSS屬性display: inline-block
的元素,預設為<span>
,支持大部分常見的樣式屬性作為模板參數,以及style
參數。
其中一個用途是,當編寫的模板佈局複雜、需要在流動裝置和桌面設備上不同顯示時,替代{{nowrap}}。類似於{{nowrap}},它可以儘可能避免換行。但是,如有需要,例如在小屏幕中,內容還是可以換行。
換行控制的範例
編輯在下面的每個例子中,都有個寬度限制,這可能會受到用戶的屏幕大小、模板的其他部分影響。
在這裏,每個灰色框和文本「原子數的顏色……」都包含在{{inline block}}模板同,如果使用了{{nowrap}},那麼前兩個例子沒有可見的影響,而在第三個例子中,文本就無法換行到可用的空間內。在流動裝置中,這意味着表格或者整個文章都被迫可水平滾動。
TemplateData
編輯模板{{Inline block}}會建立一個行內塊(inline-block)元素,在編寫有複雜佈局的模板時,可以替代{{nowrap}}。
參數 | 描述 | 類型 | 狀態 | |
---|---|---|---|---|
內容 | 1 | 需要包含在inline-block元素中的內容 | 內容 | 可選 |
標籤名稱 | 2 | 改變使用的HTML標籤。這會影響模板應該使用哪個元素來包含內容。
| 字串 | 可選 |
標題 | title | 內容的標題(用於提示文本,或者當2=abbr時表示展開的縮寫)
| 字串 | 可選 |
寬度 | width | 寬度,會直接傳到CSS屬性width | 字串 | 可選 |
高度 | height | 高度,會直接傳到CSS屬性height | 字串 | 可選 |
文本顏色 | color | 文本的顏色,會直接傳到CSS屬性color | 字串 | 可選 |
背景格式 | background bg | 背景格式,會直接傳到CSS屬性background | 字串 | 可選 |
其他樣式 | style | CSS形式的樣式資訊 | 字串 | 可選 |