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