css td 内字体竖着显示

在网页设计中，有时候需要将表格中的文字竖着显示。这时候，可以使用CSS来实现。

首先，需要将td中的文字旋转90度。可以使用CSS的transform属性来完成：

td {
  transform: rotate(90deg);
}

上面的代码会将所有的td中的文字顺时针旋转90度。如果需要逆时针旋转，可以使用负数来表示旋转角度。

但是还需要注意一个问题，就是旋转之后的宽度会变化。如果不调整td的宽度，就会发生文字溢出的问题。可以通过设置width和height属性来解决：

td {
  transform: rotate(90deg);
  width: 20px;
  height: 100px;
}

上面的代码中，宽度被设置为20px，高度被设置为100px（根据实际情况调整）。这样就可以保证文字不会溢出了。

需要注意的是，如果表格中的文字不够长，就会出现对齐问题。可以使用CSS的text-align属性来解决：

td {
  transform: rotate(90deg);
  width: 20px;
  height: 100px;
  text-align: center;
}

上面的代码中，text-align被设置为center，表示文字居中对齐。可以根据实际情况选择left或right。

总之，通过使用CSS的transform属性，可以轻松实现表格中文字竖着显示的效果。