cssの回転要素：親の高さに正しく影響を与える

次のcssを適用します：

。statuscolumn b { ライティングモード：TB-RL; ホワイトスペース：nowrap; ディスプレイ：インラインブロック。 オーバーフロー：可視; 変換：回転（-90deg）; 変換オリジン：50％50％; }

  
Normal
  
Normal
  
Rotated
  
Normal

は、隣接する要素が重複する回転テキストを導きます。目標は、CSSを変更して、回転した要素が親の高さに正しく影響するようにし、テキストの重複を防ぐことです。 位置：相対; ボーダー：1pxソリッド#ccc; パディング：2px; マージン：2px; 幅：200px; } .statuscolumn i、 .Statuscolumn B、 .Statuscolumn em、 .statuscolumn strong { ライティングモード：Vertical-RL; 変換：回転（180deg）; ホワイトスペース：nowrap; ディスプレイ：インラインブロック。 オーバーフロー：可視; }

この更新されたCSSは、回転した要素が親コンテナの高さを尊重することを保証し、テキストの重複を防ぎ、目的のレイアウトを達成します。