私がSVGファイルを持っているとしましょう：
<svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<text x='20' y='60' style="font-size: 60px">b</text>
<text x='100' y='60' style="font-size: 60px">a</text>
</svg>どういうわけか上を揃えたい aとb。実は、ポジショニングrooflineはbaseline！ではなく！
回答:
alignment-baselineプロパティは、以下の値を取ることができため、あなたが探しているものです
auto | baseline | before-edge | text-before-edge |
middle | central | after-edge | text-after-edge |
ideographic | alphabetic | hanging | mathematical |
inheritw3cからの説明
このプロパティは、オブジェクトが親に対してどのように配置されるかを指定します。このプロパティは、この要素のどのベースラインを親の対応するベースラインに揃えるかを指定します。たとえば、これにより、ローマ字テキストのアルファベットのベースラインを、フォントサイズの変更に合わせて調整できます。デフォルトでは、alignment-baselineプロパティの計算値と同じ名前のベースラインになります。つまり、ブロック進行方向の「表意文字」位置合わせポイントの位置は、位置合わせされるオブジェクトのベースラインテーブルの「表意文字」ベースラインの位置です。
残念ながら、これは、FirefoxがSVGテキストモジュール（'SVG in Firefox' MDN Documentation）のプレゼンテーション属性の多くを実装していないように見えるために、あなたが何をしているかを達成する「正しい」方法です。
alignment-baseline: centralはFireFoxのSVG では機能しません。これは仕様によるものと思われます。dominant-baseline: centralこの回答で示されているように、私がこれまで試したすべてのブラウザで動作します。stackoverflow.com/a/15997503/1450294
SVGの仕様によると、alignment-baselineのみに適用され<tspan>、<textPath>、<tref>と<altGlyph>。私の理解では、それらを上の<text>オブジェクトからオフセットするために使用されています。あなたが探しているのはだと思いますdominant-baseline。
可能な値は次の dominant-baselineとおりです。
auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge | inherit
可能な各値の詳細については、dominant-baselineプロパティのW3C勧告を確認してください。
element.hasAttribute('dominant-baseline')、それがfalseを返した場合に適用dy=-0.4emこの回答に概説されているようstackoverflow.com/a/29089222/2296470
attr（ "dominant-baseline"、 "central"）
これをIEでテストしている場合、dominant-baselineとalignment-baselineはサポートされていません。
IEでテキストを中央揃えする最も効果的な方法は、 "dy"で次のようなものを使用することです。
<text font-size="ANY SIZE" text-anchor="middle" "dy"="-.4em"> Ya Text </text>負の値は上にシフトし、dyの正の値は下にシフトします。私は-.4emを使用すると、-。5emよりも垂直方向に少し中央に位置しているように見えますが、あなたがそれを判断します。