el-for-item 怎么实现内容为非文字时超出自动换行?

作者站长头像
站长
· 阅读数 13
 <el-row :gutter="40">
                    <el-col :span="12">
                        <el-form-item label="集群">{{rsgroupDetails.clusterName}}</el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="项目">{{rsgroupDetails.rsgroupContainingProjects}}</el-form-item>
                    </el-col>
                </el-row>
                <el-row :gutter="40">
                    <el-col :span="12">
                        <el-form-item label="资源组">{{rsgroupDetails.rsgroupName}}</el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="namespace">{{rsgroupDetails.rsgroupContainingNamespaces}}</el-form-item>
                    </el-col>
                </el-row>

namespace列有中文时可以换行,纯数字和字母时超出没有换行。

el-for-item 怎么实现内容为非文字时超出自动换行?

手动加一个中文字母,就可以换行el-for-item 怎么实现内容为非文字时超出自动换行?

请问下怎么实现内容为非文字时超出自动换行?

回复
1个回答
avatar
test
2024-07-17

加个属性 word-break: break-all;

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容