css元素超过两行隐藏并显示省略号全网独一份

话不多说直接上代码

 <div class="cardTitle">{card.title}</div>

.card-title {margin: 0;font-size: 14px;font-weight: bold;overflow: hidden;overflow-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal; // ✅ 允许自动换行 这个换行重点word-break: break-word; // ✅ 兼容英文长词断开text-overflow: ellipsis;height: 40px;line-height: 20px;
}