如何根据表格边框将表格居中

Question

我正在为我的MMO RPG游戏做我的物品目录...我完成了数据加载器的设置，该加载器设置了包含我的商品数据的表。

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

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

我正在试图找到一种方法，通过连接两边的边框将桌子居中，如图所示，红色边框是应该放置的位置，但并不是。

我能达到这个效果的最好方法是什么？

找到活动的URL版本here。

​

​

Answer 1

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

td {
  width: 50%; 
}

Answer 2

你可以改变你的css与td的宽度: 50%，就像在here。