Bordure HTML autour de la formule MathJax

Je souhaite tracer une bordure rouge autour de la sortie MathJax. J'ai donc utilisé ce code:Bordure HTML autour de la formule MathJax

<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>

Mais le résultat a deux lignes rouges verticales sur le côté gauche de la page, au lieu de frontière rouge:

Comment puis-je résoudre ce problème?

Remarque:
Je ne veux pas utiliser des styles MathJax.

Source

2017-02-12 hasanghaforian

par défaut HTMLUnkownElement 'display' semble être' affichage inline', ajoutez ': [inline-] bloc; 'dans vos styles, ou corrigez votre balisage pour que vous ne créiez pas des inconnus comme ça ... – Kaiido

essayez d'utiliser la classe pour p1

de style

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

html

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

Source

2017-02-12 08:15:37 scaisEdge

Merci pour votre réponse. La largeur de la bordure est maintenant approximativement égale à la largeur du navigateur. Existe-t-il un moyen de dessiner une bordure avec une largeur proche de la largeur de la sortie MathJax? – hasanghaforian

vous pouvez définir le dim de la bordure en définissant la dim du conteneur .si vous avez besoin de largeur, vous pouvez réduire en classe .. assigner un fixe ou un% valeur .. j'ai udapte la réponse .. jetez un oeil à css pour p (ou mieux div) élément – scaisEdge

Excusez-moi, j'ai posé une question incorrecte. 'Y a-t-il un moyen de réaliser une bordure dans laquelle sa largeur est un peu plus grande que la largeur de son contenu?'. Par exemple, si je remplace une formule plus longue, elle dépasse les limites de bordure. – hasanghaforian

Bordure HTML autour de la formule MathJax

Répondre

Questions connexes