旋轉元素的相對寬度

Question

我有一個錨點（a），它有height: 40%和width: 20px。其子元素是我應用的範圍transform: rotate(90deg)和transform-origin: left bottom。

我希望跨度的尺寸與父代相同，因此我指定width: 100%。但是，旋轉時，跨度會丟失這些尺寸。我可以用硬編碼的像素值指定文本寬度，但我希望這個跨度相對於可用的屏幕大小是靈活的。

Fiddle demonstrating this issue

我知道我可以設置使用JavaScript跨度的寬度，但我想避免這樣做，如果可能的話。有誰知道只有CSS的解決方案嗎？

Answer 1

現在定義white-space: nowrap;

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

Demo