MathJax式の周りのHTML枠

MathJaxの出力の周りに赤い枠線を描きたいと思います。だから私はこのコードを使用：MathJax式の周りのHTML枠

<html> 
    <head> 
    <script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({ 
    extensions: ["tex2jax.js","TeX/noUndefined.js"], 
    jax: ["input/TeX","output/HTML-CSS"], 
    tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}, 
    TeX: {extensions: ["AMSmath.js","AMSsymbols.js"]} 
    }); 
    </script> 
    <script type="text/javascript" src="/path/to/MathJax.js"> 
    </script> 
    </head> 
    <body> 
    <style> 
    p1 { 
     border: 5px solid #FF0000; 
    } 
    </style> 
    <p1> 
     <p>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$ 
     </p> 
    </p1> 
    </body> 
</html>

をしかし、結果ではなく、赤い枠のページの左側に2本の縦の赤い線、があります。

私はこの問題を解決するにはどうすればよいですか？

注：
MathJaxスタイルは使用しません。

出典

2017-02-12 hasanghaforian

HTMLUnkownElementデフォルトの 'display'は'ディスプレイを追加、 'inline'のようです：[inline-]ブロックを。あなたのスタイルで、またはあなたのマークアップを修正して、そのようなunknownelemntsを作成しないようにしてください。 – Kaiido

に努めユースクラススタイル

.p1 { 
    border: 5px solid #FF0000; 
    width: 90%; 
    min-width: 300px; 
}

HTML

<p class='p1'> 
     $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$ 
</p>

出典

2017-02-12 08:15:37 scaisEdge

あなたの返事をありがとう。現在、境界線の幅はブラウザの幅とほぼ同じです。 MathJax出力の幅に近い幅のボーダーを描画する方法はありますか？ – hasanghaforian

あなたはあなたがクラスで減らすことができる幅を必要とする場合は、コンテナの薄暗さを設定する境界線のdimを定義することができます..固定または％値を割り当てる..私は答えをudapte .. pを見てください（またはより良いdiv）要素 – scaisEdge

すみません、間違った質問をしました。「幅がコンテンツの幅よりも少し大きい国境を達成する方法はありますか？」たとえば、長い方の式を置き換えると、境界線の境界を超えます。 – hasanghaforian

答えて

関連する問題