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>

但结果有两个垂直的红色线条在页面的左侧，而不是红色边框：

我怎么能解决这个问题？

注意：
我不想使用MathJax样式。

来源

2017-02-12 hasanghaforian

HTMLUnkownElement默认'display'可能是'inline'，加上'显示：[inline-]块; '在你的风格，或修复你的标记，这样你就不会创建这样的unknownelents ... – Kaiido

尝试使用类P1

风格

.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

你可以定义边界的暗淡设置容器的暗淡。如果你需要宽度，你可以减少课堂..分配一个固定的或％的价值..我有udapte的答案..看看css的p （或更好的div）元素 – scaisEdge

不好意思，我问了一个不正确的问题。 '是否有办法实现宽度比宽度更大的边框？'。例如，如果我替换更长的公式，它会超出边框边缘。 – hasanghaforian

MathJax公式的HTML边框

回答

相关问题