html - 对齐多行 th/td 居中

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 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>

Answer 3

你可以试试：

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