我怎样才能使 table 以其边框为中心

How can I center a table by its Border

我正在为我的 MMO RPG 游戏制作我的物品法典...我完成了数据加载器的设置,该数据加载器设置了 table,其中包含我的物品数据。

一切看起来都很好,除了我实例化我的项目信息的 table 居中。

因为它是动态的,它的居中是基于单元格中 text/data 的长度,这导致了下图中这种丑陋的效果。

我正在尝试找到一种方法,通过如图所示连接两侧的边框使 table 居中,红色边框是它应该放置的位置,但不是。

实现此效果的最佳方法是什么?

查找实时 URL 版本 here

解决这个问题的最简单方法是将 td 设置为 50%

td {
  width: 50%; 
}

您可以将 css 更改为宽度:50%,如 here