flex想必大家都不陌生，但是大家知道还有一种布局叫做inline-flex吗？inline-flex和flex的区别很简单。除了inline-flex可以让容器根据子元素内容的宽高来适应容器的宽度，其他的和flex几乎一模一样。默认情况下，flex使容器占据一个完整的行宽，高度根据子元素自适应。inline-flex的宽高是通过子元素自适应的，特别适用于根据内容不断加宽的组件。下面提一下使用场景。我想制作一个类似的组件，它由一个图标和一个数字组成。由于数字是不断变化的，10和9999的宽度明显不同，所以基于这种情况，可以给出两种解决方案：1.给容器一个固定的宽度，但是这样也降低了组件的通用性。2.让容器显示：inline-flex，让宽度适应数字的大小。这也有一个缺点。当容器的宽度发生变化时，它会闪烁。所以使用哪种方案要根据你的项目业务来决定！
