如何使用 CSS 将项目与容器中的 flex-end 对齐？

在本文中，我们将学习如何使用 CSS 在容器末尾对齐项目 flex-end。 CSS 的 align-items 和 display 属性用于对齐容器末尾的项目。

做法：利用CSS 的 align-items和display属性来对齐容器末尾的项目。为了在容器的末尾对齐项目，我们将 align-items 值设置为 flex-end，将显示值设置为 flex。

句法：

display:flex;
align-items: flex-end; 

例子：

HTML

  

    

  

    

        
GeeksforGeeks
    

  

输出：

在应用display和align-items属性之前：

应用display和align-items属性后：