小编Bea*_* 30的帖子

我正在使用 vuetify v-card，我需要应用省略号 css，以便它保持单行，并且...在超过时出现。

我使用了以下 css 属性：

.headerClass {
   white-space: nowrap !important;
   width: 95px;
   word-break: normal!important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
}

这是我的v-card-title

<v-card-title class="body-2 pl-2 headerClass">{{data}}</v-card-title>

我什至应用了文本截断，但没有任何反应

我正在使用 vuetify 的 v-tooltip，我想对其 css 进行细微更改，例如不透明度 = 1 和内部填充 0。但我无法更改其上的任何 css。有人可以帮忙吗？

.v-tooltip {
font-size: 50px !important;
opacity: 1 !important;

}

这是我的 vue 代码

    <v-tooltip bottom>
                        <template v-slot:activator="{ on }">
                            <a
                                v-on="on"
                                @mouseover="mouseOver(item)"
                                @mouseleave="mouseLeave(item)"
                            >{{item.name}}</a>
...continued