我需要一個字母顛倒在css

我知道你可以有文字倒過來，但我試圖讓一個單一的字母倒過來這可能嗎？我需要一個字母顛倒在css

2013-10-25 Chase O' Grady

將它放在自己的容器中？ –

用顛倒的課程做一個跨度，確定顛倒的風格，並將其應用於單個字母。

<html> 
... 
Upside down <span class="upsidedown">U</span>. 
... 
</html>

有許多資源網上說討論如何界定180度旋轉，例如

http://www.codeproject.com/Tips/166266/Making-Text-Upside-down-using-CSS

來源

2013-10-25 23:46:50 Owen

很多資源，但沒有一個在我的經驗中運作良好。下面是你在動作中鏈接的那個：http://jsfiddle.net/ZuKtB/在Chrome中，U在它旁邊的文本頂部。 – mpen

你應該添加這個觀察到你的問題 –

太棒了！謝謝你的工作，但知道我的字距是全部錯過了這個詞。就像「大衛」一樣，我只是想讓大衛中的A被翻轉過來，但是當我應用這個課程時，間距被擠在一起並想法如何調整。我知道我可以使用字母間距 –

您可以使用CSS變換，圍繞X軸旋轉基本。將該字母包裝在span元素中，並將其設置爲嵌入塊。例（其中在現代瀏覽器上運行）：

<style> 
.upsidedown { 
    display: inline-block; 
    -webkit-transform: rotateX(180deg); 
    transform: rotateX(180deg); 
} 
</style> 
Here is a letter turned upside down: <span class="upsidedown">J</span>

然而，CSS轉換往往在應用於字母，尤其是對於serif字體，以產生排版效果差。定位旋轉元件也是困難的，例如，如果你想讓它出現在文本基線上（但這並未在問題中指定）。

考慮分析原始問題，試圖找到不同的方法。例如，如果您需要翻轉某個特定的字母，您可能會發現一個適合您需要的Unicode字符。

來源

2013-10-26 09:05:56

特別是在最後的意見，希望每個答案的人發佈是這樣的... – Fred

檢查此：http://www.fileformat.info/convert/text/upside-down.htm – user31027

我需要一個字母顛倒在css

回答

相關問題