具有等宽列的HTML / CSS表可自动适合所有内容

Question

我希望每一列都具有相同的宽度，但是我希望列的宽度足够宽以适合所有单元格内容而不进行换行（即等于表中最宽单元格内容的宽度）。

所以如果三行是：

9|9|9
9|9|9
9|9|9

...并且每个数字都是10像素，我希望每列都是〜10像素。

但是如果三行是：

9|9|999999999999
9|9|9
9|9|9

...并且其中一列是120像素宽，我希望每列都是〜120像素。

注意：该解决方案也不能对表中的行/列数进行假设，因为这些表是动态生成的，并且可以具有任意维度。

Answer 1

尝试使用Bootstrap4。将.row中的每个div类命名为.col。 您的div都将具有相同的宽度，并将设置为相同的宽度。

例如

 

第1列

 

第2列