如何对齐两个表的列宽

Question

我目前有两张桌子，一张用于过去，一张用于即将发生的事件，如in this picture.

如您所见，第一个表中的列宽度与第二个表中的列宽度不一致（因为第二个表的事件名称比第一个的长）。我想知道是否可以在仍然动态调整列宽的同时对齐它们，或者唯一的解决方案是预先设置列宽。

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>