当前的父级中，由于图片的宽度设置为100%，此时如何让文字显示在图片的上方。<!--卡片总区域--> <div class="parent"> <!--卡片区域 --> <el-card class="card" v-for="item in niceGameList.slice(0, 12)" :key="item.id"> <!--图片区域--> <div class="card-image"> <el-image :src="item.imgeUrl"></el-image> </div> <div>123</div> </el-card> </div>

要让文字显示在图片的上方，可以使用绝对定位（absolute positioning）来实现。首先，将图片区域（`card-image`）设置为相对定位（position: relative），然后在文字区域（`<div>123</div>`）中添加样式：

.card-image {
  position: relative;
}

.card-image > div {
  position: absolute;
  top: 0;
  left: 0;
}

这将使文字区域相对于图片区域进行绝对定位，并将其放置在图片的左上角（top: 0; left: 0;）。这样就可以实现让文字显示在图片的上方了。