0

我有一个具有和的锚 ( a) 。它的子元素是我应用的跨度和.height: 40%width: 20pxtransform: rotate(90deg)transform-origin: left bottom

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

小提琴演示了这个问题

我知道我可以使用 JavaScript 设置跨度的宽度，但我想尽可能避免这样做。有谁知道这个只有 CSS 的解决方案？

4

1 回答 1

1

现在定义 white-space: nowrap;

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

演示

于 2013-07-30T10:00:43.563 回答