如何對齊/ valign其父div中的css旋轉跨度

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類放在容器上，而不是「反饋」範圍。