小编Jam*_*son的帖子

使用 vuetify、flexbox 和列表进行自动换行

我有一个带有 v-list 的 flexbox。我的问题是 v-list 中有一些未换行的文本。我看到以下内容:

在此处输入图片说明

似乎包含列表的部分在宽度上无限增长,这就是它不会换行的原因。

我在https://codepen.io/james-hudson3010/pen/GRobYRo有一个 CodePen,它演示了这个问题。

爪哇脚本:

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  props: {
    source: String,
  },

  data: () => ({
    selectedItem: null,
    flattened: [
      {
        'name': 'item 3 title content',
        'comment': 'this is a really long comment to see what will happen with the text. I would like this text to wrap, but I am pretty sure it will not do that yet. This is just a test to see what is …
Run Code Online (Sandbox Code Playgroud)

css word-wrap flexbox vue.js vuetify.js

1
推荐指数
1
解决办法
2735
查看次数

标签 统计

css ×1

flexbox ×1

vue.js ×1

vuetify.js ×1

word-wrap ×1