Octal9: Created page with "Flexbox-item-header opens a wrapper for elements within a flexbox. It sets several CSS properties that are meaningless outside of an HT..."

2018-08-02T20:21:39Z

Created page with "<noinclude>Flexbox-item-header opens a wrapper for elements within a flexbox. It sets several CSS properties that are meaningless outside of an HT..."

New page

<noinclude>Flexbox-item-header opens a wrapper for elements within a [[Template:Flexbox-header|flexbox]].

It sets several CSS properties that are meaningless outside of an HTML element with <code><nowiki>display: flex</nowiki></code>.

It '''must''' be closed with either [[Template:Flexbox-footer]], or a <code><nowiki></div></nowiki></code>.

Flexbox-item-header accepts two parameters. <code>order</code> is required and sets the position of this flexbox-item relative to others; it accepts any integer. <code>style</code> allows for arbitrary CSS.

Frankly, the code for this is a mess, but it ''is'' necessary until the underlying technology is a more widespread web standard.
== See also ==
[https://css-tricks.com/snippets/css/a-guide-to-flexbox/ A Guide to CSS Flexbox][[Category:Main page components]]</noinclude><div class="{{#if:{{{mobilehide|}}}|mobilehide| |}}" style="-webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: {{{order}}}; -moz-box-ordinal-group: {{{order}}}; -ms-flex-order: {{{order}}}; -webkit-order: {{{order}}}; order: {{{order}}}; {{{style|}}};">

Template:Flexbox-item-header - Revision history

Octal9: Created page with "Flexbox-item-header opens a wrapper for elements within a flexbox. It sets several CSS properties that are meaningless outside of an HT..."