无论 CSS 中的内容如何，项目的长度都可以有多灵活？

这 flex 属性用于设置灵活项目的长度，而不管它们在 CSS 中的内容如何。所以为了使灵活的项目具有相同的长度，无论它们在 CSS 中的内容如何，我们都使用 flex 属性。它需要三个值，第一个是 flex-grow，它指定相对于其余弹性项目将增长多少项目，第二个是 flex-shrink，指定相对于其余弹性项目将缩小多少项目，第三个是是物品的长度。在本文中，我们将了解灵活项目如何保持相同的长度，而不管它们在 CSS 中的内容如何。

句法：

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

例子：

HTML

  

    

  

    
        

            
Geeks
            
for
            
Geeks
        
    

  

输出：

在应用 flex 属性之前：

应用 flex 属性后：