在前端中，若盒子的高度随内容变化而变化，如何设置行高，使文字垂直居中

在前端，如果你想让一个盒子的高度随着内容自动调整，并保持文本垂直居中，你可以采用CSS flexbox布局或者grid布局。以下是两种方法：

1. **Flexbox**:
- 首先，将容器元素设置为`display: flex;`
- 然后，设置`align-items: center;`使子元素在交叉轴上（默认是垂直方向）居中
- 如果需要自适应高度，可以给容器一个固定宽度，然后设置`flex: 1;`使得高度根据子元素的内容动态分配。

.container {
   display: flex;
   align-items: center;
   /* 可选，如果需要高度自适应 */
   flex: 1;
}

2. **Grid**:
- 使用`display: grid;`设置网格布局
- 设置`align-content: center;`在主轴（默认是垂直方向）居中内容
- 同样地，给容器一个固定或响应式的宽度

.container {
   display: grid;
   align-content: center;
   /* 可选，如果需要高度自适应 */
   width: 100%; /* 或者设置max-width等 */
}