css - 使用 vue-material,如何在列表中进行文本换行而不是溢出到省略号?
问题描述
我有:
<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;
}
做到了!
推荐阅读
- c# - c#UTF8 GetString从字节数组不等于php chr函数
- hibernate - hibernate 如何确保会话缓存或一级缓存使用数据库中的最新数据进行更新?
- java - 以函数式 Java 计算阶乘递归
- javascript - 如何将数据从 Google 表格发送到 Firestore Cloud?
- angular - 在Angular 8中从web.api下载文件时从服务器获取文件名
- python - 最小化到具有非常复杂约束的点的距离
- c# - 基于文本框值启用和禁用按钮
- angular - 如何在角度 7 的垫子步骤标题图标上添加红点?
- swift - textField 不会在可编程滚动视图中移动
- javascript - 使用 javascript 验证每个输入字段 Bootstrap 表单,而无需点击提交按钮