Question

该网站是utf-8，我正在使用并颠倒感叹号作为警告。而不是使用html代码进行上下颠倒感叹号，我使用css'内容'并使用bourban sass旋转它，输出到供应商特定的旋转。问题是：它不是跨浏览器兼容的。后备是一个右侧的感叹号，我很好......但我很想知道。有更好的方法吗？

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

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



}

Answer 1

如果由于某种原因你不想写：

content: '¡';

有字符转义序列：

content: '\a1';

Answer 2

这是你要找的角色：

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

要将其插入文档，请在Windows上按Alt+Ctrl+Shift+!，或在Mac上按Option+!。

或者，要在不使用Unicode的情况下以HTML格式打印，请使用¡或¡。

Answer 3

<!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>

Answer 4

你可以按下alt并输入173并释放alt，这会给你真正的倒置感叹号。使用复杂的代码会使你的电脑变慢。

如何在utf8中做出颠倒的感叹

4 个答案: