align-items属性与证明内容相同。但是在这里，项目是跨交叉访问（垂直）对齐的。

用法–

align-items: flex-start | flex-end | center | baseline | stretch;

此属性接受以下值-

• flex-start -flex项目在容器顶部垂直对齐。

• flex-end -flex项目在容器底部垂直对齐。

• flex-center -flex项目在容器的中心垂直对齐。

• 拉伸-柔性项目垂直对齐，以使它们充满容器的整个垂直空间。

• 基线-弹性项目要对齐，以使其文本的基线沿水平线对齐。

弹性启动

将这个值传递给属性align-items时，flex项在容器的顶部垂直对齐。

下面的示例演示将值flex-start传递给align-items属性的结果。

   
   
      

         
One
         
two
         
three
         
four
         
five
         
six
      
   

它将产生以下结果-

柔性端

将此值传递给align-items属性后，flex-items在容器底部垂直对齐。

下面的示例演示将值flex-end传递给align-items属性的结果。

   
   
      

         
One
         
two
         
three
         
four
         
five
         
six
      
   

它将产生以下结果-

中央

在将此值传递给align-items属性时，flex-items在容器的中心垂直对齐。

下面的示例演示将值flex-center传递给align-items属性的结果。

   
   
      

         
One
         
two
         
three
         
four
         
five
         
six
      
   

它将产生以下结果-

伸展

将这个值传递给align-items属性时，flex-items会垂直对齐，以使它们填满容器的整个垂直空间。

下面的示例演示将值Stretch传递给align-items属性的结果。

   
   
      

         
One
         
two
         
three
         
four
         
five
         
six
      
   

它将产生以下结果-

基准线

在将此值传递给align-items属性时，将对flex-items进行对齐，以使其文本的基线沿水平线对齐。

下面的示例演示将值基线传递给align-items属性的结果。

   
   
      

      
One
      
two
      
three
      
four
      
five
      
six
      
   

它将产生以下结果-