span标签高度无法自动撑开，导致相邻单元格高度不一致

在使用span标签添加内容时，希望span标签高度根据内容自动调整。但当span标签位于同一行相邻的单元格中时，由于其中一个单元格内容较多导致撑开了单元格高度，而另一个单元格的span标签高度却无法自动撑开，造成高度不一致的问题。

解决方法：

实用的图文表格ui布局

基于table, flex属性制作创意的用户个人简介图文表格列表ui布局特效。

下载

为了解决这个问题，需要解除el-col对span标签高度的限制。具体步骤如下：

1. 取消el-col设置的height: 100%;属性。
2. 将align-items属性从center改为stretch，使单元格竖直方向上占满容器高度。
3. 调整span标签的内容居中，可以使用flex布局设置display: flex;align-items: center;属性给label元素。