Html 如何在css中控制表格单元格的大小

我正在使用表格创建如下图表：

这就是我所拥有的：小提琴：

。旋转{
/*狩猎*/
-webkit变换：旋转（-90度）；
/*火狐*/
-moz变换：旋转（-90度）；
/*即*/
-ms变换：旋转（-90度）；
/*歌剧院*/
-o变换：旋转（-90度）；
/*Internet Explorer*/
过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3）；
}
body.page.page-id-7.page-template-default.logged-in.admin-bar.wp-custom-logo.debug-bar-maximized.customize-support img{
宽度：100px！重要；
}
运输署{
/*字母间距：继承*/
填充顶部：30%；
}
td列{
背景色：#99c71b；
/*最大高度：586px！重要*/
}

专业业务

总经理

应用

表格布局：固定了表的

，表列的宽度将从第一行开始，所以只需将宽度设置为

。列

。旋转{
-webkit变换：旋转（-90度）；
-moz变换：旋转（-90度）；
-ms变换：旋转（-90度）；
-o变换：旋转（-90度）；
过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3）；
}
body.page.page-id-7.page-template-default.logged-in.admin-bar.wp-custom-logo.debug-bar-maximized.customize-support img{
宽度：100px！重要；
}
运输署{
填充顶部：30%；
}
td列{
背景色：#99c71b；
宽度：40px；
}
桌子{
表布局：固定；
}

专业业务

总经理

通过将以下内容添加到rotate类中，您应该能够做您想做的事情：

white-space:nowrap;
width:1.5em;         /* whatever width you want */
overflow:visible;

更新的代码片段：

。旋转{
/*狩猎*/
-webkit变换：旋转（-90度）；
/*火狐*/
-moz变换：旋转（-90度）；
/*即*/
-ms变换：旋转（-90度）；
/*歌剧院*/
-o变换：旋转（-90度）；
/*Internet Explorer*/
过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3）；
空白：nowrap；
宽度：1.5em；
溢出：可见；
}
body.page.page-id-7.page-template-default.logged-in.admin-bar.wp-custom-logo.debug-bar-maximized.customize-support img{
宽度：100px！重要；
}
运输署{
/*字母间距：继承*/
填充顶部：30%；
}
td列{
背景色：#99c71b；
/*最大高度：586px！重要*/
}

专业业务

总经理

由于某些原因，绿色单元格没有变小，段落也没有变小inline@Pete.Indeed我能控制。