如何在其父div中对齐/调整css旋转的span

Question

如何在紫色div中间获得“反馈”？

http://jsfiddle.net/XcWHr/

我在这些主题上尝试了一些变体：https://developer.mozilla.org/en-US/docs/CSS/transform-origin?redirectlocale=en-US&redirectslug=CSS%2F-moz-transform-origin

有点不能在头上钉上钉子......

Answer 1

我认为在这种情况下，旋转紫色div而不是反馈跨度会更容易。这样你可以推断水平和垂直居中与旋转分开。这可行吗？我已经更新了你的jsfiddle：http://jsfiddle.net/XcWHr/2/

我将您的“反馈”范围设置为以常规方式居中，并颠倒容器的宽度和高度：

.feedbackTab 
{
    height: 42px; 
    width: 156px;
    text-align: center;
    line-height: 42px;
}

然后我将“反馈”范围设置为display: inline-block以尊重其容器的居中规则。最后，我将您的.rotate课程放在容器上，而不是“反馈”范围。