С MathJax \ [\] math плавающие элементы плавают со следующим абзацем вместо текущего - PullRequest
Новая
       4

С MathJax \ [\] math плавающие элементы плавают со следующим абзацем вместо текущего

0 голосов
/ 17 февраля 2012

Код: http://jsfiddle.net/tRRtY/

<!DOCTYPE HTML>
<html>
<head>
<title>$$ float</title>
<script
type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default">
</script>
<style type="text/css">
p {
    background: lightblue;
}

span.dollar {
    float: right;
    background: maroon;
    color: white;
}
</style>
</head>
<body>

<h1>Example 1</h1>
<p class="math">
\[
(a + b)^2 = a^2 + 2ab + b^2
\]
<span class="dollar">$$</span>
</p>
<p>Foo</p>

<h1>Example 2</h1>
<p class="math">
\(
(a + b)^2 = a^2 + 2ab + b^2
\)
<span class="dollar">$$</span>
<p>Foo</p>

</body>
</html>

В первом примере я вижу текст $$, всплывающий рядом со вторым абзацем.Тем не менее, я хочу, чтобы он всплыл рядом с первым абзацем.Как это можно сделать?

Ответы [ 2 ]

1 голос
/ 19 июля 2012

Другое решение - использовать встроенные команды MathJax.

Пример:

С квадратными скобками уравнение появится в новой строке: 

\\[ frac{1}{2} \\]

Но если вы используетев скобках ваше уравнение будет в той же строке: 

\\( frac{3}{4} \\)
0 голосов
/ 24 февраля 2012

Как я объясняю в своем ответе на форуме пользователя MathJax , решение - поставить 

<br style="clear:both">

между <span class="dollar">$$</span> и </p>, которые следуют. Это заставляет абзац продолжаться до конца плавающего элемента до начала следующего абзаца.

...