2017-04-01 13 views
0

<td>タグの中に文字やその他の記号が含まれていないアルファベット(例:「x」)を含む数式をレンダリングすると、テキストはベースライン上に配置されません(WindowsではChrome 56およびFirefox 52 1.MathJax:テーブル内の垂直方向の配置が正しくない

例:

<html> 
<head> 
    <script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script> 
    <style> 
     td {border:1pt solid gray;} 
     table {border-collapse: collapse;} 
    </style> 
</head> 
<body> 
<table><tr> 
<td>reference</td> 
<td>\(x\)</td> 
<td>\(x\)x</td> 
<td>\(xx\)</td> 
<td>\(\cdot\)</td> 
<td>\(\cdot t\)</td> 
<td>\(=\)</td> 
<td>\(=t\)</td> 
</tr></table> 
</body> 
<html> 

render of example

これを修正する簡単な方法はあります

+0

注:cdn.mathjax.orgの寿命が近づいています(cf. https://www.mathjax.org/cdn-shutting-down/。 –

+0

@PeterKrautzberger Yepは、MathJaxのWebページで発表を見た。リマインダのためのThx。 –

答えて

1

ます?テーブルセルのデフォルトの垂直方向の配置がmiddleで、MathJaxによって生成数学がタイトなバウンディングボックスを持っているので、中心部が垂直それらの高さに基づいているので、あなたが

td { 
    border:1pt solid gray; 
    vertical-align: baseline; 
} 

を使用する場合は、より良い結果を得ることができます。

+0

それはまったく予期せぬことですが、私はtdのベースラインが整列していない可能性についても考慮しませんでした。答えのThx。 –

+0

私は考えているのは、表のセルが折り返して複数の行を持つ場合、別の行が1つしかないのであれば、短いセルのテキストをセルの最上部に置くのではなく、ミドルに整列させるということです。 –

関連する問題