html - 旋转标签(变换 :rotate) Positioning

Question

到目前为止，这是我当前的代码:

http://jsfiddle.net/VsGMa/2/如您所见，选项卡未正确定位。

这是工作正常的“水平”版本:

http://jsfiddle.net/HHg7S/

关于可能有什么问题或如何正确对齐它有什么想法吗？

transform-origin 现在是 0% 100% - 也尝试了很多其他值，但没有成功。

Answer 1

试试这个，

<div class="slick-tab slick-tab-270 slick-tab-open" style="background-image: none; background-color: rgb(102, 255, 0); border: 3px solid rgb(0, 0, 0); padding: 0px ! important; -moz-transform-origin: 0% 100%; -moz-transform: rotate(270deg); text-align: center; height: auto; position: absolute; margin-left: -3px; width: 100px; margin-top: 68px;">

只需在这个 div 中包含 margin-top:68px;。

查看这个:http://jsfiddle.net/VsGMa/3/