我有一个a和height: 40%的锚点width: 20px）。它的子元素是我应用transform: rotate(90deg)和transform-origin: left bottom的范围。
我希望跨度的维度与父级相同，因此我指定width: 100%。但是，当旋转时，跨度会失去那些尺寸。我可以使用硬编码像素值指定文本宽度，但我希望此跨度相对于可用屏幕大小灵活。
Fiddle demonstrating this issue
我知道我可以使用JavaScript设置跨度的宽度，但我希望尽可能避免这样做。有没有人知道这个只有CSS的解决方案？