Template:Flexbox-header: Difference between revisions
Jump to navigation
Jump to search
>Corveroth No edit summary |
>Corveroth (Heh, that's why it's written "backwards") |
||
| 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:Flexitem]], but it should work with any HTML element with the correct CSS properties set. | Flexbox is intended for use with [[Template:Flexitem]], but it should work with any HTML element with the correct CSS properties set. | ||
| Line 5: | Line 5: | ||
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>. | ||
== 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 style="display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;"> | ||
Revision as of 00:43, 3 June 2017
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:Flexitem, 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>.