css盒子的内容文字有两行有一行也有三行 怎么让这些盒子的高度一致

你可以使用 CSS 中的 flexbox 布局来实现让不同高度的盒子高度一致。具体方法如下：

1. 在父元素上设置 display: flex; 和 flex-wrap: wrap;，以及需要的宽度和间距等样式。

2. 在每个子元素上设置 flex: 1;，表示让每个子元素平分剩余空间。

3. 可以利用 line-height 属性来控制文本行高，从而让每个盒子的高度一致。

示例代码如下：

<div class="box-container">
  <div class="box">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  <div class="box">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</div>
  <div class="box">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>

.box-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.box {
  flex: 1;
  margin-bottom: 20px;
  line-height: 1.5;
}

这样就可以让不同高度的盒子高度一致了。