设置列高相同

在HTML和CSS中，可以使用CSS的display: flex属性来实现设置列高相同的效果。以下是一种可能的解决方法：

HTML代码：

<div class="container">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
  <div class="column">Column 3</div>
</div>

CSS代码：

.container {
  display: flex;
}

.column {
  flex: 1;
  background-color: lightgray;
  margin: 10px;
}

这段代码中，.container是一个包裹列的容器，通过设置display: flex属性，它的子元素会自动成为一个flex容器，并且默认排列方式是水平排列。.column是每个列的类名，通过设置flex: 1属性，它们会平均分配容器的宽度，从而实现列高相同的效果。

如果你想要指定每个列的高度，可以通过设置height属性来实现。例如，如果你想要每个列的高度都是200px，可以将.column的CSS代码修改为：

.column {
  flex: 1;
  height: 200px;
  background-color: lightgray;
  margin: 10px;
}

这样每个列的高度都会被固定为200px。