css3旋轉字對齊中心

根據我的需要，我已經使用完美的codrops css3旋轉字，但是我不能讓出現的字在中心對齊。我所需要的是使句子在中心對齊，因此旋轉的單詞。css3旋轉字對齊中心

但是因爲它的位置是絕對的，並且向左浮動，所以這個詞從左邊的50％位置開始。

任何人都可以幫忙嗎？我嘗試了很多實驗，但似乎沒有任何工作。

這裏是一個的jsfiddle：http://jsfiddle.net/nzAPr/

2012-10-17 abaratavoadora

對於其他人想知道如何去做，這個小提琴有正確的版本。 http://jsfiddle.net/UXzRE/ – abaratavoadora

設置容器的位置是：相對的，100％似乎工作的跨度。

.rw-words{ 
display: block; 
position: relative; 
} 
.rw-words-1 span{ 
position: absolute; 
width: 100%; 
... 
}

http://jsfiddle.net/willemvb/9Xubs/

來源

2012-10-17 15:53:24

Willem，這裏不工作！跨度現在開始50％左側的容器。[鏈接] http://jsfiddle.net/TEEpd/ – abaratavoadora

感謝威廉，你指着我在正確的方向。左側：-50％跨度與容器對齊。 – abaratavoadora

這裏是小提琴http://jsfiddle.net/UXzRE/ – abaratavoadora

嘗試此處刪除縮進：

.rw-words{ 
    display: block; 
    text-indent: 10px; 
}

來源

2012-10-17 15:47:27

感謝您的幫助。但這不是問題。我刪除它，並沒有工作。 :( – abaratavoadora

我不知道，如果你還在尋找一個解決方案。動畫只能設置一箇中心起點，這就是爲什麼你的文字在右邊顯示shiftet。如果您給每個孩子一個負邊距並手動將其分開，您可以解決這個問題。這是我在玩代碼時得到的結果：http://jsfiddle.net/9Xubs/109/margin-left: -35px;

來源

2013-03-22 19:43:55 user1214652

css3旋轉字對齊中心

回答

相關問題