6

HTML4 和/或 CSS 中是否有办法执行以下操作，但随后是正确的：

√¯¯¯¯¯¯φ·(2π−γ)
    ↑ ← ← ←

如何将我的表情向左移动，在¯符号下方，使它们相互重叠？注意：它应该适用于每种字体大小。

谢谢！

（我当前的代码，感谢 Matthew Jones (+1)的text-decoration: overline，缺少大小缩放和正确定位上划线。这就是我编辑这个问题的原因，格鲁吉亚字体¯的大小和位置匹配。）

4

4 回答 4

4

您可以将应该出现在上栏下的文本的 CSS 设置为

text-decoration:overline

编辑：这非常接近您想要的（Chrome 4.1.249）：

<div style="font-family: Georgia; font-size: 200%">
    <span style="vertical-align: -15%;">&radic;</span>
    <span style="text-decoration: overline; vertical-align:-20%;">&nbsp;x&nbsp;+&nbsp;1&nbsp;</span>
</div>

不幸的是，似乎没有办法修改上划线本身的厚度......

于 2010-05-18T20:34:48.957 回答
2 
<math xmlns="http://www.w3.org/1998/Math/MathML">
    <msqrt>
        <mrow>φ(2π−γ)</mrow>
    </msqrt>
</数学>
于 2010-05-19T03:56:31.870 回答
2

您可以将字符放在根目录下的单独跨度中，然后在顶部设置边框。但是您可能必须增加字体大小&radic;才能使其对齐。

于 2010-05-18T20:35:09.873 回答
0

以下工作完全符合我的要求：

<div class="math">
    &radic;<span>&macr;&macr;&macr;&macr;</span><span style="margin-left: -2.39em; vertical-align: 0.1em;">x + 1</span>
</div>

（其中math定义 afont-family: Georgia和font-size）

这适用于任何字体大小！:-)

示例：http: //jsbin.com/ihaba3

于 2010-05-18T21:14:25.027 回答