我想生成一个考勤表，并且需要将表格的标题旋转为垂直方向，但是当我将其旋转到CSS位置时，它的宽度没有减小，并且与以前一样。（我想要的是旋转并减小标题单元格的宽度）
<html>
<head>
</head>
<body>
<table border='1'>
<tr>
<th>heading 1</th>
<th>heading 2</th>
<th>heading 3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tr>
</table>
</body>
</html>