Css 旋转元素的相对宽度

Css 旋转元素的相对宽度,css,transform,Css,Transform,我有一个锚(a),它的高度为40%,宽度为20px。它的子元素是我应用了变换:旋转(90度)和变换原点:左下的跨度 我希望跨度的尺寸与父级相同,因此我指定宽度:100%。但是,旋转时,跨度将丢失这些尺寸。我可以用硬编码的像素值指定文本宽度,但我希望这个范围相对于可用的屏幕大小是灵活的 我知道我可以用JavaScript设置跨度的宽度,但如果可能的话,我想避免这样做。有人知道只有CSS才能解决这个问题吗?现在定义空白:nowrap .pulltab > a > span {white

我有一个锚(
a
),它的高度为40%,宽度为20px。它的子元素是我应用了
变换:旋转(90度)
变换原点:左下
的跨度

我希望跨度的尺寸与父级相同,因此我指定
宽度:100%
。但是,旋转时,跨度将丢失这些尺寸。我可以用硬编码的像素值指定文本宽度,但我希望这个范围相对于可用的屏幕大小是灵活的


我知道我可以用JavaScript设置跨度的宽度,但如果可能的话,我想避免这样做。有人知道只有CSS才能解决这个问题吗?

现在定义
空白:nowrap

.pulltab > a > span {white-space: nowrap;}

Doh!我可以发誓我在某个时候应用过,但显然我没有正确地这么做。但这确实有效,谢谢!