我如何通过边框将桌子居中

问题描述

我正在为我的MMO RPG游戏制作物品代码...，并且完成了设置数据加载器的工作，该数据加载器用于在其中放置物品数据的表。

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

由于其动态性，其居中位置取决于单元格中文本/数据的长度...这在下图中导致了这种丑陋的效果。

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

达到这种效果的最好方法是什么？

此处为实时URL版本：https://deepworld.web.app/items?itemId=37

解决方法

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

td {
  width: 50%; 
}

,

您可以将td更改为CSS宽度：50％ https://prnt.sc/uia8h0