我有:
<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
作为作用域样式,但这似乎被忽略了。
那么我怎样才能让我的文本正常中断并扩展到多行呢?
最佳答案
.md-list-item-text p {
white-space: normal;
padding-bottom: 1rem;
}
就这样完成了!
关于css - 使用 vue-material,如何在列表中使文本换行而不是溢出到省略号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58156051/