Question

如何将HTML表格标题的内容对齐，但如果有多行，则将左对齐排列？

举例说明：

<th style="text-align:center;">This table header will span multiple rows because 
I've set a width on it</th>

而不是这个结果：

此表标题
将跨越多个行因为我已经设置了它上面的宽度

我想要这个结果：

此表标题
将跨越多个行因为我已经设置宽度

或类似的东西。我已经尝试在div内放置th所有浮动和对齐的组合，但到目前为止还没有任何工作。

Answer 1

试试这个：

<th style="text-align:left; padding-left:15px;"></th>

Answer 2

您可以尝试：

th { 
padding:any;
text-align: left;
width: any;
}

Answer 3

将文本包装在左对齐的其他元素中。

<th style="text-align:center;"><span style="display: inline-block; text-align: left;">This table header will span multiple rows because 
I've set a width on it</span></th>

对齐多行th / td居中

3 个答案: