Css 如何使用“变换”“旋转”更改垂直文字的尺寸

如何垂直旋转文本，同时更改边框的尺寸

使用“display:inline block；”将所有内容压缩到一列中

---

可以将文本放入div中并旋转它。然后根据需要设置列的边框（请参见）：

/*display: inline-block;*/
overflow:hidden;
white-space:nowrap;
width:1.5em;
height: 1.5;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);

#rotate th div {
    white-space:nowrap;
    width: 20px;
    transform: translate(0px, 60px) rotate(270deg);
    -webkit-transform: translate(0px, 60px) rotate(270deg);
    -moz-transform: translate(0px, 60px) rotate(270deg);
    -ms-transform: translate(0px, 60px) rotate(270deg);
    -o-transform: translate(0px, 60px) rotate(270deg);
}
#rotate th {
    border: 1px solid green;
    height: 150px;
    max-width: 1.5em;
    overflow: hidden;
}