怎样将flex行的第一个元素设置为完美的正方形，同时行高取决于其他列的内容？

您可以使用flex-grow属性来设置flex行的第一个元素为完美的正方形，并使用align-self属性来控制其他列的行高。以下是一个示例代码：

HTML:

<div class="flex-container">
  <div class="square"></div>
  <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  <div class="content">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>

CSS:

.flex-container {
  display: flex;
}

.square {
  flex-grow: 0;
  width: 200px;
  background: red;
}

.content {
  flex-grow: 1;
  align-self: stretch;
  background: lightblue;
  padding: 10px;
}

在上面的示例中，.square类被设置为一个红色的方块，宽度为200像素，而.content类被设置为可伸缩的，并且与.square元素的高度相匹配，背景色为浅蓝色。

这样，.square元素将保持为正方形，并且.content元素的行高将取决于.content元素的内容。