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?
输出: