Align-content - Versionshistorik

PGJ: /* Exempel */

2019-01-12T21:23:51Z

Exempel

← Äldre version		Versionen från 12 januari 2019 kl. 21.23
Rad 33:		Rad 33:
	== Exempel ==		== Exempel ==
	<div class="well well-neutral-light">		<div class="well well-neutral-light">
	<codepen pen="QbXVgK" height="~~400~~" tab="css,result">		<codepen pen="QbXVgK" height="500" tab="css,result">
	</codepen>		</codepen>
	</div>		</div>

2019-01-12T21:21:01Z

Exempel

← Äldre version		Versionen från 12 januari 2019 kl. 21.21
Rad 33:		Rad 33:
	== Exempel ==		== Exempel ==
	<div class="well well-neutral-light">		<div class="well well-neutral-light">
	<codepen pen="QbXVgK" height="~~300~~" tab="css,result">		<codepen pen="QbXVgK" height="400" tab="css,result">
	</codepen>		</codepen>
	</div>		</div>

2019-01-12T21:20:46Z

Exempel

← Äldre version		Versionen från 12 januari 2019 kl. 21.20
Rad 33:		Rad 33:
	== Exempel ==		== Exempel ==
	<div class="well well-neutral-light">		<div class="well well-neutral-light">
	<codepen pen="QbXVgK" height="~~200~~" tab="css">		<codepen pen="QbXVgK" height="300" tab="css,result">
	</codepen>		</codepen>
	</div>		</div>

	== Egenskapens definition ==		== Egenskapens definition ==
	<div class="well well-neutral-light">		<div class="well well-neutral-light">
	http://dev.w3.org/csswg/css3-flexbox/#align-content		http://dev.w3.org/csswg/css3-flexbox/#align-content
	</div>		</div>

2015-09-19T15:26:22Z

← Äldre version		Versionen från 19 september 2015 kl. 15.26
Rad 1:		Rad 1:
	Justerar hur en flexbehållares innehåll placeras ut längs med flexaxeln när innehållet hamnar på flera rader. Se denna [[Mer_flexbox#align-content\|sektion]] för mer utförlig information.		Justerar hur en flexbehållares innehåll placeras ut längs med flexaxeln när innehållet hamnar på flera rader/kolumner. Se denna [[Mer_flexbox#align-content\|sektion]] för mer utförlig information.
	== Egenskaper ==		== Egenskaper ==
	<div class="well well-neutral-light">		<div class="well well-neutral-light">

2015-09-19T15:25:42Z

← Äldre version		Versionen från 19 september 2015 kl. 15.25
Rad 1:		Rad 1:
	Justerar hur en flexbehållares innehåll placeras ut längs med flexaxeln när innehållet hamnar på flera rader. Se denna [[Mer_flexbox#align-content\|sektion]] för mer utförlig information.		Justerar hur en flexbehållares innehåll placeras ut längs med flexaxeln när innehållet hamnar på flera rader. Se denna [[Mer_flexbox#align-content\|sektion]] för mer utförlig information.
	== Egenskaper ==		== Egenskaper ==
			<div class="well well-neutral-light">
	{\| class="wikitable"		{\| class="wikitable"
	\| Parametrar		\| Parametrar
Rad 29:		Rad 30:

	<code>stretch</code> Flexinnehållet sträcks ut, så att det fyller allt tillgängligt tomrum.		<code>stretch</code> Flexinnehållet sträcks ut, så att det fyller allt tillgängligt tomrum.
			</div>
	== Exempel ==		== Exempel ==
			<div class="well well-neutral-light">
	<codepen pen="QbXVgK" height="200" tab="css">		<codepen pen="QbXVgK" height="200" tab="css">
	</codepen>		</codepen>
			</div>
	== Egenskapens definition ==		== Egenskapens definition ==
			<div class="well well-neutral-light">
	http://dev.w3.org/csswg/css3-flexbox/#align-content		http://dev.w3.org/csswg/css3-flexbox/#align-content
			</div>

2015-08-21T14:36:12Z

← Äldre version		Versionen från 21 augusti 2015 kl. 14.36
Rad 1:		Rad 1:
	~~https:~~//~~developer~~.~~mozilla~~.~~org~~/en-US/~~docs~~/~~Web~~/~~CSS~~/align-content		Justerar hur en flexbehållares innehåll placeras ut längs med flexaxeln när innehållet hamnar på flera rader. Se denna [[Mer_flexbox#align-content\|sektion]] för mer utförlig information.
			== Egenskaper ==
			{\| class="wikitable"
			\| Parametrar
			\| <code>flex-start</code> \| <code>flex-end</code> \| <code>center</code> \| <code>space-between</code> \| <code>space-around</code> \| <code>stretch</code>
			\|-
			\| Defaultvärde
			\| <code>stretch</code>
			\|-
			\| Ärvs?
			\| Nej
			\|-
			\| Animerbart?
			\| Nej
			\|-
			\| Fungerar med...
			\| Flexbehållare, med innehåll som sträcker sig över flera "rader".
			\|}

			<code>flex-start</code> flexinnehållet flyttas mot flexboxens start.

			<code>flex-end</code> flexinnehållets flyttas mot flexboxens slut.

			<code>center</code> flexinnehållet centreras mellan flexboxens start och slut.

			<code>space-between</code> De två yttersta raderna flyttas ut till flexboxens start respektive slut. Eventuella mellanliggande rader fördelas så att de ligger med lika mycket mellanrum mellan varje rad.

			<code>space-around</code> Alla rader fördelas så att det är lika mycket tomrum mellan dem.

			<code>stretch</code> Flexinnehållet sträcks ut, så att det fyller allt tillgängligt tomrum.
			== Exempel ==
			<codepen pen="QbXVgK" height="200" tab="css">
			</codepen>
			== Egenskapens definition ==
			http://dev.w3.org/csswg/css3-flexbox/#align-content

2015-08-21T13:31:49Z

Skapade sidan med 'https://developer.mozilla.org/en-US/docs/Web/CSS/align-content'

Ny sida

https://developer.mozilla.org/en-US/docs/Web/CSS/align-content