有没有办法在CSS中的多个表中对齐列？

Question

见下图：

注意两个以日期分隔的表是如何不对齐的。 （ZZ列，XX列和第三列）。

这是因为我们目前的实现方式是根据里面的文本更改列宽。我尝试使用固定宽度，但在多个设备上看起来不太好。

我有没有办法实现这一点

1. 列是对齐的 - 无论内容是什么，它都会通过变形或做某些我不知道的ux-ui / friendly来对齐
2. 适用于多种设备。

Answer 1

即使在表格中，您也可以利用bootstraps网格系统css

<myDir>

请参阅https://jsfiddle.net/kk9tvzxw/1/

注意，它不会在所有情况下保存您，例如，如果您有一个单词没有空间溢出默认宽度。

您可能希望继续使用不同大小查看它后定义col-sm-和col-lg-，但这应该可以帮助您。