What is the tag (if one exists) that instructs a flex container to shrink to the size of it's internal content? Float and inline-block snap down automatically. I've looked everywhere and I can't seem to find a single discussion about this easy concept.
Asked
Active
Viewed 43 times
1
DR01D
- 1,295
- 12
- 26
-
1`display: inline-flex;` – Michael Coker Feb 09 '17 at 02:42
-
@MichaelCoker That was it! Worked perfect. I could not find that tag to save my life. – DR01D Feb 09 '17 at 02:43
-
1@DR01D this is a good reference https://css-tricks.com/snippets/css/a-guide-to-flexbox/ – Michael Coker Feb 09 '17 at 02:43
-
@Michael_B `display: inline-flex` worked perfect. I'm just trying to replicate the way `float` and `inline-block` snap down to the size of their content instead of taking up 100% of the available width. – DR01D Feb 09 '17 at 02:44
-
@DR01D yeah I get it, I gave you the link because they cover `display: inline-flex;` and every other flexbox property in it. It's worth bookmarking and using it as a reference. – Michael Coker Feb 09 '17 at 02:48
-
@DR01D not that you should, but you can always float a flex container, too. – Michael Coker Feb 09 '17 at 02:49