跳转到内容

英文维基 | 中文维基 | 日文维基 | 草榴社区

模板: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形式的样式信息