Html CSS元素旋转

我是初学者

我用动态文本内容（侧栏）将div旋转了90度，这很好， 但当我增加文本时，它会向右移动，这是我的问题，它需要保持在左侧的固定位置。 这是我的密码：

<div id="aside"> 
    <a href="">
        <span id="up-image"></span>
        <span id="dragg">zi dragg</span>
        <span id="down-image"></span>   
    </a>    
</div>

---

我已经为“侧边”设置了一个固定的位置，具有上、左和负边距。

您这里的问题在于定义的属性：

元素变换的原点

默认值是

50%50%

，如果以动态方式增加元素的大小，旋转的原点会发生变化，当然，由于该点是实际大小的50%，因此会“向右移动”

您可以将其定义为更灵活的动态大小，请尝试以下操作：

-webkit-transform-origin: 0 100%;  

不要忘记包含所有供应商前缀

---

查看此演示。

对不起，我不知道你在说什么。“增加向右移动中的文本”？如果可能，请向我们提供JSFIDLE

-webkit-transform-origin: 0 100%;