检查CSS中的文本长度

我想知道是否有办法检查文本的长度，这样我就可以在CSS动画中使用这些信息。怎么回事？我有一个有字幕的盒子：

字幕明显比盒子长。我让动画在向左移动并显示其余文本（我使用手写笔）的瞬间触发：

---

问题在于确定文本的长度。它可能真的很长。目前，它的最终页边距为120%，但当文本较长时，它将在动画时间结束时被剪切。有没有办法让它正常工作，不用JS？

这里有一种方法可以实现这种效果：

.marquee{
保证金：0自动；
空白：nowrap；
溢出：隐藏；
}
.帐篷跨度{
显示：内联块；
左：100%；
动画：字幕5s线性无限；
}
@关键帧选框{
0%{transform:translate（0，0）；}
100%{transform:translate（-100%，0）；}
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。

如果

没有被弃用的话。：）这里唯一想到的是变换：translate（x，y）；这样你就有了标题的“内容感知”位置/偏移量。你同意使用javascript吗？或者你必须使用cssI吗？我更喜欢CSS，因为我为之编写的平台的严格性能标准。但是如果不可能，我当然会用JS来做。那太好了！经过一些定制，这是我一直在寻找的。我删除了“padding left:100%”，并根据使文本比父div-transform translate（var（--title overflow width），0）长的跨度部分的宽度定义了最终的“translate”。当跨度的末端对用户可见时，它使跨度停止，然后重新开始。

@keyframes title-scroll
0%
    margin-left 0
17%
    margin-left 0
100%
    margin-left -120%

.m-focus
    .title
        -webkit-animation title-scroll 6s linear infinite none running