html と css を使用して、次の種類の式をレンダリングしようとしています。
SQRT(2 + SQRT(2 + SQRT(2)))
MathMLはIEやChromeの最新版でも未対応で使えません。助けや提案をいただければ幸いです。
「基数」エンティティ √ と text-decoration:overline を使用して、私が思いついた最善の方法を次に示しますが、html の同じ行に対して複数のオーバーラインをレンダリングする方法がわかりません。ただし、ポジショニング/レイヤリングは試していません。
<span style="font-size:48px;">√<span style="text-decoration:overline">2 + </span></span>
<span style="font-size:36px;">√<span style="text-decoration:overline">2 + </span> </span>
<span style="font-size:24px;">√<span style="text-decoration:overline">2</span></span>
SPAN を入れ子にするのは良くありません (実際にはもっと悪いです)。そうすると、式全体の上に最も外側のオーバーラインが描画されるだけになってしまうからです。