Not understanding the side note of display: inline-flex

Hello, I’m learning web dev by following MDN Learn web development. I’m just getting started with Flexbox, the side note in Flexbox - Learn web development | MDN is not clear to me:

Note : You can also set a display value of inline-flex if you wish to lay out items as flexible boxes.

First of all,there are double spaces between “out” and “items” , one is real, another is  . Why double spaces? Secondly, according to The box model - Learn web development | MDN, display: flex is block+flex, so display: inline-flex is inline+flex, the side doesn’t explain the difference, should it?

Hi there @Xu_Chunyang!

I am sorry to hear that this article has confused you — I am not surprised, as the note you have pointed to is not very clear at all. In fact, it looks like someone has deleted a couple of words from it.

To help out, I have rewritten this section of the article to be a lot more clear on what happens when you set display: flex on an element, and how the values of flex and inline-flex differ.

Let me know if you think this is better now.

Yes, it looks better to me.

Great, glad to hear it!