首页 > 解决方案 > 输入元素(由 vuetify 生成)不会为长文本换行

问题描述

使用 vue/vuetify 1.5x 我有以下由 v-combovox 生成的 HTML 代码:

<input aria-label="Item Family" type="text" autocomplete="off" role="combobox">

它看起来像这样: 长姓

我需要的是换行,以便显示全文。

我在样式标签中尝试了以下内容:

1)添加:word-wrap: break-word
2)添加一个max-width: 500px(一行所需的最大长度)。
3)添加一个集合width
4)将显示更改为flex或各种其他选项。

我也只是使用了不同的 css 属性,以确保样式被捕获并且它们是,例如,当我设置时文本颜色会改变color: green

我在这里想念什么?如何强制输入为长文本换行?

标签: htmlcssvue.jsvuetify.js

解决方案


推荐阅读