📌  相关文章
📜  如何使用 CSS 将项目与容器中的 flex-end 对齐?

📅  最后修改于: 2021-11-08 06:41:59             🧑  作者: Mango

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

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

句法:

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

例子:

HTML


  

    

  

    
        
GeeksforGeeks
    
  


输出:

在应用displayalign-items属性之前:

应用displayalign-items属性后: