<分区>
当使用 CSS 网格时,我似乎无法使 text-overflow:ellipsis 起作用,即使我将它应用于包含我要缩短的文本的 dom 对象。
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
.grid-item { border: 1px solid red;}
.grid-item .content{
background-color: lightgray;
}
&.with-ellipsis {
.title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
}
这是我的代码所在的笔:https://codepen.io/dbugger/pen/qBBKLgX?editors=1100