表格文字自动对齐 html,html-有没有一种方法可以设置表格中整个列的文本对齐方式？...

参加聚会有点晚，但我本人只是遇到了这个问题，因此以为我会分享一个解决方案。 值得注意的是，此答案仅在使用LESS时适用。

不必在每个单元格中手动添加类或样式，您可以使用LESS中的循环来创建可应用于表的一系列类：

// Loop for @i until @i = @n

// Much like - for($i=0; $i<=$n; $i++)

//

.table-cols(@n, @i: 1) when (@i =< @n)

{

.table-center-col-@{i}

{

tr > td:nth-child(@{i})

{

text-align: center;

}

}

.table-right-col-@{i}

{

tr > td:nth-child(@{i})

{

text-align: right;

}

}

// Continue the iteration

.table-cols(@n, (@i + 1));

}

.table-cols(16);

这将一直产生诸如.table-center-col-1之类的类，直到2932653145618646046017(在此示例中)一类，并且它们将使适用列的文本居中。 它也将对右对齐的文本执行相同的操作，即.table-right-col-n。

您可以将提供的数字(从16开始)调整为任何数字，以确保它覆盖了表中可能包含的最大列数。 对于可变的列号，这对您没有太大帮助。

然后，您所要做的就是将其应用于表格：

Column 1Column 2Column 3Column 4Column 5

xxxxx

现在，第4列中的所有单元格将具有居中文本。