html - 旋转负 CSS3

Question

如何正确旋转符号“-”？例如，当我将 sign + 设置为旋转时，没关系，它们留在原地，只是旋转。有一个 example

但是如果我将 content: '+'; 更改为 content: '-'; 我会按轴旋转减号，但不会停留在原地。有一个 example .

设置减号旋转像加号是真的吗？

Answer 1

使用减号 U+2212“-”，这是一个专门的数学运算符，而不是常见的 Ascii 连字符，正式名称为 HYPHEN-MINUS U+002D“-”，它在语义上含糊不清且在排版上较差(它在某种最低限度的意义上，它必须作为标点连字符、破折号、减号以及其他一些 Angular 色，所以它不能很好地扮演任何特定的 Angular 色)。特别是，减号(在任何设计得体的字体中)与加号的宽度相同，并且出现在与加号的水平笔画相同的垂直位置。总之，它的设计符合“+”。

在CSS中，你可以这样写

 content: '\2212';

或者，您可以使用 MINUS SIGN 本身:

 content: '−';

但是你需要小心字符编码。