我想围绕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样式。
HTMLUnkownElement默认'display'可能是'inline',加上'显示:[inline-]块; '在你的风格,或修复你的标记,这样你就不会创建这样的unknownelents ... – Kaiido