CODEWITHSUNDEEP
htmlcssflexbox
Thorben Croisé
Thorben Croisé

Reputation: 12860

Let flex-container only use necessary width

A flex-container defined like

display: flex; 
flex-flow: column wrap;
height: 4em;

will consume all available width as seen in this fiddle. How can I make it behave more like a table and consume only necessary space?

Note: I don't want to assign a certain width because I don't know the desired width beforehand and want to place other content in the remaining space.

Upvotes: 1

Views: 1416

Answers (1)

cimmanon
cimmanon

Reputation: 68319

Unfortunately, you won't be able to get table behavior. You can get inline-block behavior:

.foo {
    display: inline-flex;
}

The distinction here is that table forces the content that follows to appear afterwards instead of on the same line.

Upvotes: 1

Related Questions