📜  如何使用 CSS 在容器的开头 flex-start 项目?

📅  最后修改于: 2021-08-31 07:05:09             🧑  作者: Mango

justify-content属性的flex-start值允许您将项目放置在容器的开头。 flex-start 表示 flex-direction,而 start 表示写入模式方向。父容器的子容器可以在父容器或 div 的开头对齐。

按照给定的步骤:

1. 创建 HTML 文件:使用 id 名称 =“GFG”(根据您的选择)的 div。在它里面做三个div。

2.创建CSS文件:指定div的属性为

  • 显示:弹性;
  • 弹性方向:行;
  • justify-content: flex-start;

例子:

HTML


  

    

  

    

        How to flex-start items at the          beginning of the container          using CSS?     

       
        
        
        
    
  


输出: