Question

在下面的代码中，按钮应使行折断并增加其高度。但是文本与横向边框重叠（此行为在下面的Codepen链接中进行了复制）。

如何解决？

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Session;
use App;
use Log;

class SwitchLanguageController extends Controller
{
    public function switchLang($lang)
    {
        Session::put('locale', $lang);
        $response = ['status' => 'success', 'code' => '200', 'message' => 'Language was switched.', 'metod' => 'GET'];
        return $response;
    }
}

Answer 1

我以前没有使用过Vuetify，所以只能提供一个基本的解决方案（也就是说，我确实浏览了文档，找不到任何东西）...似乎生成的dispatch_data选择器有一个.v-btn__content应用于它。因此，您可以做的是添加一个元素以包含覆盖其父代样式的文本：

white-space: nowrap

如果该值仍然太小，则可能必须调整v-btn的高度。

Vuetify-v-btn（按钮）的标签与横向边框重叠

1 个答案: