如何倾斜表格中的文字？

Question

我需要创建一个包含21列的表。它在网站上看起来不正确，并且偏向侧面，因此您必须滚动查看表格的末尾。

我想倾斜列的标题，因为这些值只是全部适合页面的数字。我已经搜索过此内容，但除了使用图像的建议之外，似乎找不到它了。

我知道可以在Excel中通过旋转文本来完成，但只是不知道如何编码，因此会在php / html中实现。

有什么建议么？

Answer 1

您可以使用CSS旋转文本。这是JSFiddle上的示例

HTML：

<table cellpadding="10">
<tr class="rotated">
    <td>The</td>
    <td>quick</td>
    <td>brown</td>
    <td>fox</td>
    <td>...</td>
</tr>
<tr>
    <td>The</td>
    <td>quick</td>
    <td>brown</td>
    <td>fox</td>
    <td>...</td>
</tr>
</table>

CSS：

tr.rotated td {
    -webkit-transform: rotate(90deg); 
  -moz-transform: rotate(90deg); 
  -ms-transform: rotate(90deg); 
  -o-transform: rotate(90deg); 
  transform: rotate(90deg);
}