difference between display:inline flex; and display:inline-flex;?
Hi. i have always written
display:inline flex; but i just realized that you can also write display:inline-flex; so i'm just wondering. Is there any difference between them? I know that it is used to create and inline flex container. I just don't know if there is any difference between them...5 Replies
there is none:
https://developer.mozilla.org/en-US/docs/Web/CSS/display#grouped_values
display sets the inner and outer display mode, but some keywords combine both.inline-flexThe element behaves like an inline-level element and lays out its content according to the flexbox model. It is equivalent toinline flex.
inline-flex is one of them, but you can also be explicitAh okay. thanks for letting me know
But there is one difference that i have noticed. But it's just in the devtools. If you use display:inline-flex; you get this button next to it. but not if you use display:inline flex;
huh, that's interesting. Layout wise there shouldn't be any difference, and technically that's probably a bug in the devtools
Probably yeah haha