MathJax Inline div elements

260 views
Skip to first unread message

sjma...@gmail.com

unread,
Jul 3, 2016, 1:34:54 AM7/3/16
to MathJax Users
Hi All,

I am loading MathJax dynamically. I can able to change the font size by below command

.MathJax_Display
{
font-size: 130% !important;
}

Now I have a <td> cell in which I have a radio button and after that radio button I am expecting to display Math formula.

Every Mathjax formula is displayed in a div with class=MathJax_Display.

I am expecting like <td><input type="radio"><div class="MathJax_Display">

but what I get is <td><input type="radio">
                                <div class="MathJax_Display">

I knew div is block level. So I tried below CSS to make it inline with radio(input) so all will be in same line but none works kindly advice

.MathJax,.MathJax_Display,.math,.mrow{
    display:inline !important;
}
.MathJax_Display{
    display:inline !important;
}
.MathJax
{
    display:inline !important;
}

sjma...@gmail.com

unread,
Jul 4, 2016, 12:53:38 AM7/4/16
to MathJax Users
Hi All

I resolved it.

The page in which I am displaying Maths Formula I used this line(<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/2.6-latest/MathJax.js?config=TeX-AMS_HTML"></script>)

However I resolved by replacing starting $$ with \( and ending $$ with \).

$$..$$ and \[...\] displaying Math Formula in block level what ever the CSS I change it not worked.
\(...\) displayed math inline with input radio button without modifying any CSS.

when using \(...\), for changing font size of math formula we need to select class="math"

.math
{
font-size:120% !important;
}

Peter Krautzberger

unread,
Jul 4, 2016, 3:20:35 AM7/4/16
to mathja...@googlegroups.com
Hi,

Glad you could work it out. Our documentation mentions the delimiters for inline and display style at http://docs.mathjax.org/en/latest/tex.html#tex-and-latex-math-delimiters and there are some general comments and links regarding LaTeX input in the FAQ at http://docs.mathjax.org/en/latest/misc/faq.html#how-do-i-create-mathematical-expressions-for-display-with-mathjax

Still, the docs tend to assume that people know about display and inline style (and their respective layout traditions). I've made a note on the docs issue tracker to improve the situation, https://github.com/mathjax/MathJax-docs/issues/156.

Regards,
Peter.

--
You received this message because you are subscribed to the Google Groups "MathJax Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-user...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages