CSS {scroll horizontal mathjax}

Permite scroll horizontal em fórmulas muito longas, que excedem a largura da página.


1. Como utilizar


Incluir no html do post, envolvendo a fórmula longa:

<div class="math-scroll-wrapper">
$$ fórmula muitlo longa aqui$$
</div>

2. Resultado


$$
I = \int \frac{\text{sen}(x)}{u} \cdot \left(- \frac{1}{\text{sen}(x)}\right)\ du = -\int \frac{1}{u}\ du = \int \frac{\text{sen}(x)}{u} \cdot \left(- \frac{1}{\text{sen}(x)}\right)\ du = -\int \frac{1}{u}\ du
$$

3. CSS implementado no blog


/* ====== CSS PARA SCROLL HORIZONTAL FORMULAS MATHJAX === INICIO ====== */
.math-scroll-wrapper {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-width: 100% !important;
    border: 0px solid #FFF;
    padding: 0px;
    margin: 0px 0;
    background: #FFF;
}

.math-scroll-wrapper .MathJax_SVG_Display {
    margin: 0 !important;
    padding: 0 !important;
}
/* ====== CSS PARA SCROLL HORIZONTAL FORMULAS MATHJAX === FIM ====== */

Whatsapp Button works on Mobile Device only

Pesquise no blog