html - 如何在utf8中制作颠倒的感叹号

Question

该网站是 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%;



}

score 5 · Accepted Answer

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

content: '¡';

有字符转义序列：

content: '\a1';

score 3 · Accepted Answer

这是您正在寻找的角色：

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

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

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

您只需按 alt 并键入 173 并释放 alt，这将为您提供真正的倒惊叹号。使用复杂的代码会降低您的计算机速度。

html - 如何在utf8中制作颠倒的感叹号

4 回答 4

Related

Reference