Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html V形工具提示显示在手机屏幕外_Html_Css_Vue.js_Tooltip - Fatal编程技术网

Html V形工具提示显示在手机屏幕外

Html V形工具提示显示在手机屏幕外,html,css,vue.js,tooltip,Html,Css,Vue.js,Tooltip,我正在努力阻止vue工具提示出现在屏幕外 我有一个简单的实现: <span> class="features-tooltip" v-tooltip="{ content: 'Long string here' }"> </span> class=“功能工具提示” v-tooltip=“{content:'此处为长字符串'}”> 如何使工具提示适合窗口框架 感谢您的帮助解决您的问题非常简单。您只需向工具提示对象添加一个附加属性boundarie

我正在努力阻止vue工具提示出现在屏幕外

我有一个简单的实现:

<span>
    class="features-tooltip"
    v-tooltip="{ content: 'Long string here' }">
</span>

class=“功能工具提示”
v-tooltip=“{content:'此处为长字符串'}”>

如何使工具提示适合窗口框架


感谢您的帮助

解决您的问题非常简单。您只需向工具提示对象添加一个附加属性
boundarieseElement:“窗口”

因此,在您的情况下,它将如下所示:

<span>
    class="features-tooltip"
    v-tooltip="{ content: 'Long string here', boundariesElement: 'window'}">
</span>

class=“功能工具提示”
v-tooltip=“{content:'此处为长字符串',boundarieseElement:'窗口'}”>