如何通过边框将表格居中

Question

我正在为我的 MMO RPG 游戏制作我的物品法典……我完成了数据加载器的设置，该加载器设置了包含我的物品数据的表格。

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

因为它是动态的，它的居中是基于单元格中文本/数据的长度，这导致了下图中这种丑陋的效果。

我试图找到一种方法，通过连接两侧的边框将表格居中，如图所示，红色边框是它应该放置的位置，但不是。

我可以达到这种效果的最佳方法是什么？

在此处查找实时 URL 版本。

Answer 1

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

td {
  width: 50%; 
}