删除 Vuetify v-carousel-item 中的底部空白

大佬教程收集整理的这篇文章主要介绍了删除 Vuetify v-carousel-item 中的底部空白，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决删除 Vuetify v-carousel-item 中的底部空白？

在我的 VuetifyJs v-carousel-item 中，我有一个图像、标题和副标题，如下所示。但是我在底部得到了很多空白。我已将 v-carousel-item 的背景颜色设置为紫色，我们可以在图片中看到很多。

@H_607_9@@H_607_9@

我已尝试删除轮播项目的内容，这就是我得到的。

@H_607_9@@H_607_9@@H_607_20@

我试过设置高度、删除填充和边距但没有任何效果，下面是我的代码

          <v-carousel
            cycle
            :show-arrows="false"
            style="BACkground-color: pink"
          >
            <v-carousel-item
              v-for="item in carouselitems"
              :key="item.ID"
              style="BACkground-color: purple; height: 800px"
              class="pb-0 mb-0"
            >
              <- Content for Carousel item->
            </v-carousel-item>
          </v-carousel>

感谢任何建议。

解决方法

  <v-carousel
    cycle
    :show-arrows="false"
    style="BACkground-color: pink"
    height='120px'
  >
    <v-carousel-item
      style="BACkground-color: purple; height: 70px"
      class="pb-0 mb-0"
    >
      <- Content for Carousel item->
    </v-carousel-item>
    <v-carousel-item
      style="BACkground-color: purple; height: 70px"
      class="pb-0 mb-0"
    >
      <- Content for Carousel item->
    </v-carousel-item>
    <v-carousel-item
      style="BACkground-color: purple; height: 70px"
      class="pb-0 mb-0"
    >
      <- Content for Carousel item->
    </v-carousel-item>
  </v-carousel>

大佬总结

以上是大佬教程为你收集整理的删除 Vuetify v-carousel-item 中的底部空白全部内容，希望文章能够帮你解决删除 Vuetify v-carousel-item 中的底部空白所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。