Template: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形式的样式信息 | 字符串 | 可选 |