flex布局 文字顶部不对齐

在 flex 布局中，当子元素的高度不同时，子元素的顶部对齐会出现问题。这是因为默认情况下，flex 布局会使得子元素的高度相等。因此，如果想要让文字顶部对齐，可以给子元素设置 align-items: flex-start; 属性。这样可以让子元素的顶部对齐，而不会影响子元素的宽度和高度。例如：

.container {
  display: flex;
  align-items: flex-start;
}

.container div {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
}

在上述代码中，容器的子元素会顶部对齐，并且在容器中间有 10px 的间距。您可以根据实际情况修改样式。