Html 如何减小倾斜列标题的宽度？

以下是输出表：

我正在寻找一种可以减少表头宽度的解决方案，我已经尝试了两种解决方案，但都不起作用。下面是我的代码：

/*附加CSS*/
运输署，
th{
边框：1px纯黑；
字体系列：Calibri（Body）！重要；
}
桌子{
边界塌陷：塌陷；
}
* {
字体系列：“Calibri（Body）！重要”；
线高：0.5 em；
}
.标题{
文本对齐：居中；
空白：nowrap；
变换原点：50%50%；
变换：旋转（-90度）；
}
.标题：之前{
内容：''；
垫面：110%；
/*以宽度为参考，加10%用于伪造额外填充*/
显示：内联块；
垂直对齐：中间对齐；
}
.标题：之后{
背景色：#005CB9；
颜色：白色；
}
活动
筛选
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345-1
abcdefghjijklmnopqrstuvxyz12345 1
abcdefghjijklmnopqrstuvxyz12345 2
abcdefghjijklmnopqrstuvxyz12345 3
abcdefghjijklmnopqrstuvxyz12345 4
abcdefghjijklmnopqrstuvxyz12345
abcdefghjijklmnopqrstuvxyz12345 6

abcdefghjijklmnopqrstuvxyz12345 7
abcdefghjijklmnopqrstuvxyz12345 8
abcdefghjijklmnopqrstuvxyz12345 9
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 10
abcdefghjijklmnopqrstuvxyz12345 11
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 12
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 13
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 14
abcdefghjijklmnopqrstuvxyz12345 15
abcdefghjijklmnopqrstuvxyz12345 16
abcdefghjijklmnopqrstuvxyz12345 17
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 23（随访）

ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345过早停药

您可以尝试使用此功能（在现代浏览器中使用此功能），而不是对垂直文本使用

transform

：

最后调整您的

行高

——请参见下面的演示：

td，
th{
边框：1px纯黑；
字体系列：Calibri（Body）！重要；
}
桌子{
边界塌陷：塌陷；
}
* {
字体系列：“Calibri（Body）！重要”；
线高：1.5/*调整*/
}
.标题{
文本对齐：居中；
空白：nowrap；
/*变换原点：50%50%；
变换：旋转（-90度）*/
}
.header强{/*已添加*/
写入方式：垂直rl；
变换：旋转（-180度）；
}
.标题：之前{
内容：''；
垫面：110%；
显示：内联块；
垂直对齐：中间对齐；
}
.标题：之后{
背景色：#005CB9；
颜色：白色；
}

活动
筛选
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345-1
abcdefghjijklmnopqrstuvxyz12345 1
abcdefghjijklmnopqrstuvxyz12345 2
abcdefghjijklmnopqrstuvxyz12345 3
abcdefghjijklmnopqrstuvxyz12345 4
abcdefghjijklmnopqrstuvxyz12345
abcdefghjijklmnopqrstuvxyz12345 6
abcdefghjijklmnopqrstuvxyz12345 7
abcdefghjijklmnopqrstuvxyz12345 8
abcdefghjijklmnopqrstuvxyz12345 9
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 10
abcdefghjijklmnopqrstuvxyz12345 11
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 12
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 13
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 14
abcdefghjijklmnopqrstuvxyz12345 15
abcdefghjijklmnopqrstuvxyz12345 16
abcdefghjijklmnopqrstuvxyz12345 17
ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345 23（随访）

ABCDEFGHJIJKLMNOPQRSTUVWXYZ12345过早停药

您是否尝试过在header类上设置宽度…？是的，但它不起作用。请尝试从.header类中删除“空白：nowrap；”。@KhAnSaAb好吧，您没有这么说。我们怎么知道你试过什么。。？你试过在标记的每个标题上设置一个宽度吗？@Lee是的，伙计，我试过了我提到过“我试过两种解决方案”。完成了，谢谢，伙计。

writing-mode: vertical-rl;
transform: rotate(-180deg);