我使用的是一个可调整大小的网格（gridstackjs），我希望当文本溢出单元格时将其隐藏在里面。我用一个包含单元格DIV内文本的DIV完成了这个操作。

我试过使用css和媒体查询，但找不到正确的方法。有一个形象:

谢谢，希望我自己解释了。

null

.elemento {
    overflow: hidden;
}
.texto-elementos {
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px #474747;
    overflow: hidden;
}
.iconoAlturas {
    margin-top: -22px;
    margin-right: 8px;
    float: right;
}

<div class="grid-stack-item-content elemento ui-draggable-handle">
<div class="mt-2 texto-elementos">U1001</div><div class="iconoAlturas margenes-icono-altura"><i class="fas fa-layer-group"></i></div></div>

null