Блог

Я работал над своим кодексом предметов для моей MMO RPG игры … и я закончил настройку загрузчика данных, который настраивает таблицу с моими данными о предметах в ней.

Все выглядит нормально, за исключением того, что таблица, в которую я создаю экземпляр информации о своем элементе, находится по центру.

Поскольку он динамический, его центрирование основано на длине текста / данных в ячейках, что приводит к этому уродливому эффекту на изображении ниже.

Я пытаюсь найти способ центрировать таблицу по границе, которая соединяет обе стороны, как видно на изображении, красная граница находится там, где она ДОЛЖНА быть расположена, но это не так.

Каким наилучшим способом я могу добиться этого эффекта?

Найдите текущую версию URL здесь.

Самый простой способ решить эту проблему — установить значение td равным 50%

 td {
  width: 50%; 
}
  

Вы можете изменить свой css с помощью td как width: 50%, как здесь .