表格td文本竖向垂直排列显示

1、需求：表格第一列的文本内容 竖向显示，如图。

image.png

2、实现：不建议把文本直接放在td标签里面进行垂直摆放处理，因为td本身样式死板不好控制，所以先把文本放到p标签，然后把p标签放进td标签里面。
1）html代码如下：

image.png
2）css代码如下：
image.png

3）css代码拷贝：

table td:nth-child(1) > p{
  width: 20px;
  display: inline-block;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
}