相关疑难解决方法(0)

假设我有几列,其中一些我想旋转以下值:

http://jsfiddle.net/MTyFP/1/

<div class="container">
    <div class="statusColumn"><span>Normal</span></div>
    <div class="statusColumn"><a>Normal</a></div>
    <div class="statusColumn"><b>Rotated</b></div>
    <div class="statusColumn"><abbr>Normal</abbr></div>
</div>

有了这个CSS:

.statusColumn b {
  writing-mode: tb-rl;
  white-space: nowrap;
  display: inline-block;
  overflow: visible;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

最终看起来像这样:

是否可以编写任何会导致旋转元素影响其父级高度的CSS,这样文本就不会与其他元素重叠？像这样的东西:

我有一个宽度为 190px 高度为 260px 的 div，我在该 div 上分配了 img 标签，当我上传显示图像之前的图像时，之后我旋转图像但图像的宽度和高度没有变化div，我使用了继承，关于位置和显示的一切，但一点都不好..