Javascript 如何允许网格单元之间的重叠？

在网格中，是否有一种方法允许我的文本重叠到它旁边的单元格中

时间（如图所示）自动更新。随着时间增加到几分钟，整个网格的宽度增加，这是我不想要的。我只希望文本重叠到下一个单元格中，而不是加宽列

谢谢

.feed {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  background-color: #1C232E;
  grid-template-columns: min-content auto;
  }

---

简而言之，没有Javascript，您无法动态调整网格列跨距。您只需将两个文本项放在同一单元格中，并根据需要对其进行定位，例如，使用flexbox：

.grid{
显示：网格；
网格模板柱：1fr 1fr；
颜色：#fff；
栅隙：6px；
}
.grid>div{
填料：1米1米；
背景色：淡蓝色；
显示器：flex；
柔性流动：柱；
最小高度：100px；
}
.grid>div跨度：第n个子项（2）{
保证金：自动；
}

上次更新时间为1分49秒前
监视服务器
上次更新时间为1分49秒前
监视服务器

使用1x2网格，允许时间跨越容器的宽度：

html，正文{
背景色：#363f55；
保证金：0；
字体：普通16px无衬线；
填充：0 1rem；
}
h4{
颜色：#fff；
}
#应用程序{
宽度：50雷姆；
}
.集装箱{
背景色：#1c2028；
显示：网格；
网格模板列：200px 1fr；
网格模板区域：“时间戳”“时间戳”“。服务器”；
填充：2rem；
}
.容器.时间戳{
颜色：灰色；
网格区域：时间戳；
}
.container.server{
颜色：#698081；
网格区域：服务器；
}

短日期
最后更新：14秒前
监视服务器
157881744288
长日期
上次更新：1分49秒前
监视服务器
157881744288

只需在这里上传，不要链接到其他网站。它不允许我直接在这里上传，它说我需要更多的声誉。你能把这变成一个1x2的网格，这样顶行就可以覆盖整个宽度吗？