Template:Flexbox-header: Difference between revisions
Jump to navigation
Jump to search
>Corveroth m (Protected "Template:Flexbox-header": High exposure and/or heavy usage ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only administrators] (indefinite))) |
>Corveroth No edit summary |
||
| 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. | <div style="display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;"><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]</noinclude | [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ A Guide to CSS Flexbox][[Category:Main page components]]</noinclude> | ||
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>.