模板:Flexbox:修订间差异
来自「荏苒之境」
创建页面,内容为“<noinclude>{{模板文档}}</noinclude><includeonly><!-- -->{{#invoke: Flexbox | show}} </includeonly><noinclude> Category:模板 </noinclude>” |
无编辑摘要 |
||
(未显示同一用户的4个中间版本) | |||
第1行: | 第1行: | ||
<noinclude>{{模板文档}}</noinclude><includeonly><!-- | <noinclude>{{模板文档}}</noinclude><includeonly><!-- | ||
-->{{#invoke: Flexbox | show}} | -->{{#invoke: Flexbox | show | ||
| style = {{{style|}}} | |||
| min_width = {{{min-width|}}} | |||
| max_width = {{{max-width|}}} | |||
| padding = {{{padding|}}} | |||
}} | |||
</includeonly><noinclude> | </includeonly><noinclude> | ||
[[Category:模板]] | [[Category:模板]] | ||
</noinclude> | <templatedata> | ||
{ | |||
"params": { | |||
"style": { | |||
"label": "样式", | |||
"description": "容器的标准 CSS 样式。", | |||
"type": "line" | |||
}, | |||
"padding": { | |||
"label": "内边距", | |||
"description": "容器元素的 CSS 边距。", | |||
"type": "line" | |||
}, | |||
"min-width": { | |||
"label": "最小宽度", | |||
"description": "容器元素的最小宽度(标准 CSS 长度)。", | |||
"type": "line" | |||
}, | |||
"max-width": { | |||
"label": "最大宽度", | |||
"description": "容器元素的最大宽度(标准 CSS 长度)。", | |||
"type": "line" | |||
} | |||
}, | |||
"description": "用于创建使用弹性布局(Flex)的元素容器。", | |||
"paramOrder": [ | |||
"style", | |||
"min-width", | |||
"max-width", | |||
"padding" | |||
], | |||
"format": "block" | |||
} | |||
</templatedata></noinclude> |
2025年8月8日 (五) 18:49的最新版本
Block 1
- Item 1
Block 2
Item 1
Item 2
Item 3
Block 3
Item 1
Item 2
Block 4
Item 1
Item 2
Block 5
Item 1
示例代码:
{{Flexbox
| style = border: #ccc 1px solid;
| min-width = 300px
| max-width = 300px
| padding = 0.5em 1em 0.5em 1em
| '''Block 1'''
* Item 1
| '''Block 2'''
* Item 1
* Item 2
* Item 3
| '''Block 3'''
* Item 1
* Item 2
| '''Block 4'''
* Item 1
* Item 2
| '''Block 5'''
* Item 1
}}
用于创建使用弹性布局(Flex)的元素容器。
参数 | 描述 | 类型 | 状态 | |
---|---|---|---|---|
样式 | style | 容器的标准 CSS 样式。 | 单行文本 | 可选 |
最小宽度 | min-width | 容器元素的最小宽度(标准 CSS 长度)。 | 单行文本 | 可选 |
最大宽度 | max-width | 容器元素的最大宽度(标准 CSS 长度)。 | 单行文本 | 可选 |
内边距 | padding | 容器元素的 CSS 边距。 | 单行文本 | 可选 |