2013-06-05 43 views
3

該網站是utf-8,我使用倒置感嘆號作爲警告。而不是使用HTML代碼的上下顛倒感嘆號,我使用css的'內容'和旋轉它與輸出到供應商特定的旋轉bourban sass。問題是:它不能跨瀏覽器兼容。後備是一個正確的感嘆號,我可以......但我想知道。有沒有更好的方法?如何在utf8中製作顛倒的感嘆號

.day:before{ 
    content:"!"; 
    @include transform(rotate(180deg)); 
    display:block; 
    float:left; 
    margin-right:2%; 
} 

.day:after{ 
    content:"!"; 
    padding-left:2%; 



} 
+3

你有沒有理由不使用實際的顛倒感嘆號。按馬漢建議的Alt + 0161? – CodeCamper

+0

你總是可以只用正確的字體;) – DiMono

+0

特別是對於一個警告,爲什麼你會依賴於CSS,並且CSS功能不支持所有瀏覽器?此外,對於某些語言(如西班牙語)使用倒置感嘆號是正確的,而對於大多數語言而言,這只是不正確的。 –

回答

2

這是你要找的字符:在Windows在Mac上

¡ 
INVERTED EXCLAMATION MARK 
Unicode: U+00A1, UTF-8: C2 A1 

,將其插入到文檔中,按Alt+Ctrl+Shift+!,或Option+!

或者,要使用HTML打印而不使用Unicode,請使用¡¡

5

如果由於某種原因,你不希望這樣寫:

content: '¡'; 

有字符轉義序列:

content: '\a1'; 
1
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<style> 
.day:before{ 
    content:"\a1 "; 
    display:block; 
    float:left; 
    margin-right:2%; 
} 

.day:after{ 
    content:"!"; 
    padding-left:2%; 
} 
</style> 
</head> 
<body> 
<p class="day">Fooo</p> 
</body> 

</html> 
+0

大鼠攪拌機擊敗了我。信用歸功於他。 –

0

您只需按下Alt鍵和輸入173和釋放另外,這會給你真正的倒立感嘆號。使用複雜的代碼會減慢你的電腦。