3

サイトは utf-8 です。私は警告として逆さまの感嘆符を使用しています。逆さまの感嘆符に html コードを使用する代わりに、css 'content' を使用して、ベンダー固有の回転に出力する bourban sass で回転させています。問題は、ブラウザ間の互換性がないことです。フォールバックは右向きの感嘆符です。これで問題ありません...しかし、私は疑問に思っています。より良い方法はありますか？

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

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



}
4

4 に答える 4

5

何らかの理由で書きたくない場合：

content: '¡';

文字エスケープシーケンスがあります：

content: '\a1';
于 2013-06-05T03:57:10.273 に答える
3

これはあなたが探しているキャラクターです：

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

ドキュメントに挿入するには、Alt+Ctrl+Shift+!Windows またはOption+!Mac で を押します。

または、Unicode を使用せずに HTML で印刷するには、¡またはを使用します¡。

于 2013-06-05T03:54:32.830 に答える
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>
于 2013-06-05T04:01:08.713 に答える