と を持つアンカー ( a) がheight: 40%ありwidth: 20pxます。その子要素は、私が適用したスパンでありtransform: rotate(90deg)、transform-origin: left bottom.
スパンの次元を親と同じにしたいので、指定しますwidth: 100%。ただし、回転すると、スパンはそれらの寸法を失います。ハードコードされたピクセル値を使用してテキスト幅を指定できますが、使用可能な画面サイズに対して、この範囲を柔軟にしたいと考えています。
JavaScript を使用してスパンの幅を設定できることはわかっていますが、可能な限りそうする必要はありません。これに対するCSSのみの解決策を知っている人はいますか?