Question

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

√¯¯¯¯¯¯φ·（2π-γ）
↑←←←

如何在¯符号下将表达式移到左侧，使它们相互重叠？ 注意：它应该适用于每个字体大小。

谢谢！

_{（我现在的代码，谢谢Matthew Jones ^{（+ 1）} text-decoration: overline ，缺乏尺寸缩放和正确定位这就是我编辑这个问题的原因，因为¯确实匹配 Georgia 字体的大小和位置。）}

Answer 1

您可以将应显示在上边框下方的文本的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>

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

Answer 2

你可以将角色放在根部的单独区域内，然后在顶部设置边框。但是你可能不得不增加√的字体大小以使其排成一行。

Answer 3

<math xmlns="http://www.w3.org/1998/Math/MathML">
    <msqrt>
        <mrow>φ(2π−γ)</mrow>
    </msqrt>
</math>

Answer 4

以下作品完全正如我所希望的那样：

<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定义font-family: Georgia和font-size）

的位置

这适用于任何字体大小！： - ）

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

HTML，CSS：匹配平方根符号的overbar

4 个答案: