Как выровнять ширину столбцов двух таблиц

Question

В настоящее время у меня есть две таблицы, одна для прошлых и одна для предстоящих событий, как видно на этой картинке .

Как видите, ширина столбцов впервая таблица не совпадает с таблицей второй (поскольку имя события второй длиннее первого).Мне было интересно, можно ли их выровнять при динамической настройке ширины столбца или единственное решение - предварительно установить ширину столбца.

Answer 1

вы можете контролировать ширину столбца, установив css max-width, надеюсь, это поможет вам контролировать переполнение, даже если ваш контент имеет динамическую длину. Я добавил пример с max-width ниже.

p{
  max-width: 150px;
}

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat.</p>