如何按边框居中表格

Question

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

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

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

我正在尝试通过连接两侧的边框来使表格居中，如图所示，红色边框是它应该放置的位置，但不是。

实现这种效果的最佳方法是什么？

找到实时 URL 版本here。

Answer 1

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

td {
  width: 50%; 
}

Answer 2

您可以将 td 更改为宽度：50%，如 here。