CSS3 - Flexbox - flex-basis

Flexbox - flex-basis

Back to the index.

flex-basis.

auto

div.flexmain p {
	flex-basis: auto;
}

Par 1

Par 2

Par 3

Par 4

px

div.flexmain p {
	flex-basis: 100px;
}

Par 1

Par 2

Par 3

Par 4

ems

div.flexmain p {
	flex-basis: 5em;
}

Par 1

Par 2

Par 3

Par 4

Percentages

div.flexmain p {
	flex-basis: 20%;
}

Par 1

Par 2

Par 3

Par 4

content

div.flexmain p {
	flex-basis: content;
}

Par 1

Par 2

Par 3

Par 4

Continue