怎么样让组件在div盒子靠左边对齐

如果你想让组件在 div 盒子中靠左边对齐，可以使用 CSS 的 flex 布局中的 justify-content 属性，将其设置为 flex-start，具体的做法如下：

1. 给包含这两个组件的 div 设置 display:flex; 属性。
2. 设置 flex-direction 属性为 column，表示让这两个组件在垂直方向上排列。
3. 设置 justify-content 属性为 flex-start，表示让这两个组件在主轴上（即与 flex-direction 相同的轴）上靠左对齐。

完整的 CSS 代码如下：

div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

这样就可以实现组件在 div 盒子中靠左边对齐了。