爱吃的o(=•ェ•=)m 2021-11-09 16:03 采纳率: 0%
浏览 2360

Ant-Design Description 中由于内容过长,导致文字换行,有什么办法可以有效解决这个问题?

<a-descriptions
              title="基础信息"
              bordered
              size="middle"
              :column="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
            >
              <a-descriptions-item label="名称" style="word-break: keep-all">
                {{ item.properties.name }}
              </a-descriptions-item>
              <a-descriptions-item label="门牌" style="word-break: keep-all">
                {{ getMenpai(item.properties.descs) }}
              </a-descriptions-item>
              <a-descriptions-item label="街道" style="word-break: keep-all">
                {{ getJiedao(item.properties.descs) }}
              </a-descriptions-item>
              <a-descriptions-item label="楼层" style="word-break: keep-all">
                {{ item.properties.floor }}
              </a-descriptions-item>
              <a-descriptions-item label="地址" style="word-break: keep-all">
                {{ item.properties.descs }}
              </a-descriptions-item>
            </a-descriptions>

由于内容过长,导致前面的“名称”等字段出现换行,有什么办法可以解决这个问题

img

  • 写回答

2条回答 默认 最新

  • Leglo_ 2021-11-09 16:41
    关注

    a-descriptions-item 只是个组件名称,需要找到dom里面真实的class类名,使用样式穿透设置word-break

    评论

报告相同问题?

问题事件

  • 创建了问题 11月9日

悬赏问题

  • ¥15 C#中的编译平台的区别影响
  • ¥15 软件供应链安全是跟可靠性有关还是跟安全性有关?
  • ¥15 电脑蓝屏logfilessrtsrttrail问题
  • ¥20 关于wordpress建站遇到的问题!(语言-php)(相关搜索:云服务器)
  • ¥15 【求职】怎么找到一个周围人素质都很高不会欺负他人,并且未来月薪能够达到一万以上(技术岗)的工作?希望可以收到写有具体,可靠,已经实践过了的路径的回答?
  • ¥15 Java+vue部署版本反编译
  • ¥100 对反编译和ai熟悉的开发者。
  • ¥15 带序列特征的多输出预测模型
  • ¥15 Python 如何安装 distutils模块
  • ¥15 关于#网络#的问题:网络是从楼上引一根网线下来,接了2台傻瓜交换机,也更换了ip还是不行