模板: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 边距。

    单行文本可选