为什么某些Unicode字符比普通文本高?

Pas*_*kus 6 html css unicode

我注意到一些unicode字符比普通文字高.

例如对角线箭头(东北箭头South,东南箭头...,......),它们在字母顶部要求比普通文本更多的空间.

<body style="font-size:48px;">
    <div style="border:1px solid #00ff00;float:left;">
        1-<br>2-<br>3-<br>4-<br>5-<br>6-<br>7-<br>8-<br>9-
    </div>
    <div style="border:1px solid #ff0000;float:left;margin-left:5px;">
        -1<br>-2 &#8599;<br>-3<br>-4 &#8599;<br>-5<br>-6 &#8599;<br>-7<br>-8 &#8599;<br>-9
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/q5LEt/

每次箭头在同一行时,您都可以看到破折号向下移动.

我怎样才能避免这种行为,例如通过CSS?

Kon*_*lph 8

你可以通过明确指定一个line-height来避免它:

line-height: 1em;
Run Code Online (Sandbox Code Playgroud)