Visa källa för Justify-content

Justerar hur en flexbehållares innehåll placeras ut längs med flexaxeln. Se denna [[Mer_flexbox#justify-content|sektion]] för mer utförlig information.
== Egenskaper ==
{| class="wikitable"
| Parametrar
| <code>flex-start</code> &#x7c; <code>flex-end</code> &#x7c; <code>center</code> &#x7c; <code>space-between</code> &#x7c; <code>space-around</code>
|-
| Defaultvärde
| <code>flex-start</code>
|-
| Ärvs?
| Nej
|-
| Animerbart?
| Nej
|-
| Fungerar med...
| Flexbehållare
|}

<code>flex-start</code> flexinnehållets toppkant fördelas och justeras mot flexaxelns start.

<code>flex-end</code> flexinnehållets bottenkant fördelas och justeras mot flexaxelns slut.

<code>center</code> flexinnehållet fördelas och justeras mellan flexaxelns start och slut.

<code>space-between</code> De två yttersta flexföremålen, placeras vid flexaxeln början respektive start. Därefter fördelas övriga flexföremål mellan dessa yttersta flexföremålen. De fördelas så att det är lika mycket mellanrum mellan alla flexföremål.

<code>space-around</code> Flexföremålen fördelas så att det är lika mycket mellanrum mellan alla flexföremål. Utanför de yttersta flexföremålen sätts tomrummet så att det är hälften så stort som motsatta sidas tomrum.

== Exempel ==
<codepen pen="waLgqO" height="300" tab="css,result">
</codepen>

== Egenskapens definition ==
https://drafts.csswg.org/css-flexbox-1/#justify-content-property