Usage
{{flex |
| nowrap = <!-- set only if you want to disable wrapping -->
| widths =
| content =
| gap =
| justify =
| align =
}}
Details
A flexible container to dynamically align elements based on available width.
Parameter | Description | Type | Status | |
---|---|---|---|---|
widths | widths | The width to give elements inside the container. Works best if all elements are of similar width.
| String | suggested |
nowrap | nowrap | Set to 1 to disable wrapping.
| Number | optional |
content | content | The content to put in the flex container. | Content | required |
gap | gap | The gap between elements.
| String | optional |
justify | justify | left, right, center, or another valid value for the justify-content property
| String | optional |
align | align | top, center, baseline, bottom or another valid value for the align-content property.
| String | optional |
Example
{{flex
| widths = 150px
| content =
<div style="border: 1px solid;">there's a box here</div>
<div style="border: 1px solid;">and another!!</div>
<div style="border: 1px solid;">all spread out or something</div>
<div style="border: 1px solid;">who knows really</div>
}}
there's a box here
and another!!
all spread out or something
who knows really