我有一个带有显示屏的容器:flex,它的高度比它的内容高.
例如:
我有一个有两个跨度的v型柱
<v-col style="display:flex;flex-direction:column">
<span style="background-color:green;font-size:0.4rem">134 POSTS</span>
<span style="background-color:green;font-size:0.4rem">120 POSTS</span>
</v-col>
如果我将"弯曲方向"设置为"柱",则:
跨度的高度大于其内容!
如果我将"弯曲方向"设置为"行",则:
同样的情况也会发生.
我认为跨度高度只是他的内容高度
编辑:
我再试了一次,但问题只出现在我试图在一张卡片中插入display flex列时:下面是在vuetify中try 的代码
<v-card>
<v-card-title>
<v-row>
<v-col class="d-flex" style="flex-direction: column">
<span style="font-size: 0.6rem"> 123123 </span>
<span style="font-size: 0.6rem"> 123121 </span>
</v-col>
</v-row>
</v-card-title>
</v-card>
解决方案:
我找到了解决方案,v-card-title有一个带有行高的类,解决方案是编辑此行高