Template:Flexbox-header: Difference between revisions
Jump to navigation
Jump to search
>Corveroth No edit summary |
>Yandere-sliver No edit summary |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<noinclude>Flexbox is a template for arranging items on a page in neatly spaced horizontal or vertical grids. This is convenience wrapper for the underlying CSS technology of the same name. | |||
Flexbox is intended for use with [[Template: | Flexbox is intended for use with [[Template:Flexbox-item-header]], but it should work with any HTML element with the correct CSS properties set. | ||
It '''must''' be closed with either [[Template:Flexbox-footer]], or a <code><nowiki></div></nowiki></code>. | It '''must''' be closed with either [[Template:Flexbox-footer]], or a <code><nowiki></div></nowiki></code>. The same is true for each <code>flexbox-item-header</code>. | ||
== See also == | == See also == | ||
[https://css-tricks.com/snippets/css/a-guide-to-flexbox/ A Guide to CSS Flexbox][[Category:Main page components]]</noinclude> | [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ A Guide to CSS Flexbox][[Category:Main page components]]</noinclude><div class="flex" style="display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: {{{justify|flex-start}}}; {{#if:{{{noflexwrap|}}}||flex-wrap: {{{wrap|wrap}}};}}"> | ||
Latest revision as of 14:51, 30 July 2020
Flexbox is a template for arranging items on a page in neatly spaced horizontal or vertical grids. This is convenience wrapper for the underlying CSS technology of the same name.
Flexbox is intended for use with Template:Flexbox-item-header, but it should work with any HTML element with the correct CSS properties set.
It must be closed with either Template:Flexbox-footer, or a </div>. The same is true for each flexbox-item-header.