Проблемы разрыва линии Mathjax - PullRequest
Новая
       8

Проблемы разрыва линии Mathjax

0 голосов
/ 10 июня 2018

Доброе утро, я использую MathJax, чтобы показать математические задачи.Я хочу показать две проблемы в одной строке и использовать span для обрезки. 

p.problems span.third {
  width: 33%;
  float: left
}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML" async></script>

<br><br>Required solution with span on one line<br><br>

<p class="problems"><span class="third">a) \(ax^2 + bx + c = 0\)</span> <span>b) \( x = {-b \pm \sqrt{b^2-4ac} \over 2a} \)</span></p>

<br><br>it should be on one line<br><br>
<p class="problems">a) \(ax^2 + bx + c = 0\)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;b) \( x = {-b \pm \sqrt{b^2-4ac} \over 2a} \)</p>

Спасибо за помощь.

1 Ответ

0 голосов
/ 10 июня 2018

Вы можете исправить это, используя display:flex и align-items: center;

p.problems span.third {
  width: 33%;
  float: left
}
p.problems {
  display: flex;
  align-items: center;
}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML" async></script>

<br><br>Required solution with span on one line<br><br>

<p class="problems"><span class="third">a) \(ax^2 + bx + c = 0\)</span> <span>b) \( x = {-b \pm \sqrt{b^2-4ac} \over 2a} \)</span></p>
...