1、首先，用以演示的html页面结构如图，有几个column，每个column里有几行方格，每个方格里有文字。文字可能过长，超出单元格大小。
2、首先第一步，禁鸦泸嚏烊止文字折行显示，并隐藏超出部分。对于文字元素使用white-space: nowrap样式。对于文字的父元素使用overflow: hidden样式。效果如图。
4、然后，使用setInterval让这个函数每过一段时间执行一次，如图每3秒检查一下页面上所有class含有state-text的元素。
7、在js代码中，添加对应的更新css变量的逻辑。如图，获取父节点宽度，并在子节点上调用style.setProperty来设置css变量值。
