首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用vue-material,我如何才能让文本换行而不是列表中的省略号溢出?

使用vue-material,我如何才能让文本换行而不是列表中的省略号溢出?
EN

Stack Overflow用户
提问于 2019-09-29 22:14:19
回答 1查看 2K关注 0票数 2

我有:

代码语言:javascript
复制
        <md-list-item>
          <md-icon v-bind:style="{color: transcript.color}">account_circle</md-icon>

          <div class="md-list-item-text">
            <p>{{ transcript.text }}</p>
          </div>

          <md-button class="md-icon-button md-list-action">
            <small>some stuff</small>
          </md-button>
        </md-list-item>

问题是transcript.text可能比一行还长,所以有一个text-overflow: ellipsis集。我尝试将text-overflow: visible !important添加为作用域样式,但似乎忽略了这一点。

那么,怎样才能正常地将文本换行并扩展到多行呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-10-04 21:00:59

代码语言:javascript
复制
.md-list-item-text p {
  white-space: normal;
  padding-bottom: 1rem;
}

就是这样!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58156051

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档