CSS можно использовать для решения этой проблемы. Чтобы обеспечить одинаковую ширину ячеек, независимо от размера содержимого, нам необходимо:

1. Запустить механизм фиксированного макета таблицы: Установить table-layout: фиксированный; в родительском
   . Это дает браузеру указание применять указанную ширину ячеек, а не автоматически подстраивать ее под содержимое.
2. Назначить ширину ячейкам таблицы: Хотя это и не обязательно, назначение небольшой ширины (например, 2) %) для каждого
   , представляющего ячейку таблицы, действует как триггер для фиксированного макета таблицы.

   Окончательный код CSS выглядит следующим образом:

   div {
     display: table;
     width: 250px;
     table-layout: fixed;
   }
   
   div > div {
     display: table-cell;
     width: 2%;
   }

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