Template:Flexbox-header: Difference between revisions
Jump to navigation
Jump to search
>Corveroth No edit summary |
>Yandere-sliver No edit summary |
||
| Line 5: | Line 5: | ||
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>. | 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><div class="flex" style="display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;"> | [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|space-between}}};"> | ||
Revision as of 14:50, 18 June 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.