MathJax перенос слов

Я сконфигурированный дополнительная обработка для MathJax с этим кодом нижеMathJax перенос слов

<script type="text/x-mathjax-config"> 

    MathJax.Hub.Config({ 
    tex2jax: { inlineMath: [["$","$"],["\\(","\\)"]] }, 
    "HTML-CSS": { 
     linebreaks: { width: "container" }   
    }    
    }); 

</script>

Как я предполагал, что приходится работать с контейнерами обернуть слово, что у меня есть в моем HTML-коде.

У меня есть этот CSS, который установлен со словом оберните

.col { 
     background: #f0f0f0; 
     width: 230px; 
     padding: 10px; 
     font-size: 1.5em; 
     word-wrap: break-word; 
    }

это мое тело:

<body> 

     <div class = 'col'> 

     $$ 
      Pr [(G \bigcup B \bigcup S)^e ] = 1 - Pr (G \bigcup B \bigcup S)     
      = 1 - [Pr(G)+Pr(B)Pr(S)-Pr(G \bigcap B) - Pr(G \bigcap S) - Pr(B \bigcap S)] 
      Pr [(G \bigcup B \bigcup S)^e ] = 1 - Pr (G \bigcup B \bigcup S) 
      = 1 - [Pr(G)+Pr(B)Pr(S)-Pr(G \bigcap B) - Pr(G \bigcap S) - Pr(B \bigcap S)] 
      = 1 - (0.28 + 0.29 + 0.19 - 0.14 - 0.10 -0.12 + 0.08) = 1 - 0.48 = 0.52 
     $$ 

     </div> 

</body>

но перенос слов не работает в моем случае.

Я приложил скриншот, как она выглядит в Safri на IPad

enter image description here

слово должно обернуть на вторую линию, но они не объявления вы можете увидеть.

источник

2013-03-05 Matrosov Alexander

EDIT Если вы находитесь на iOS6, вы можете столкнуться с this MathJax bug.

MathJax использует собственный алгоритм линейного разлома (implementing the MathML specs). Значение word-wrap: break-word; не изменит его поведение.

Если нет какой-либо информации, код будет работать так, как ожидалось для меня, то есть MathJax делает свою линейку.

Вот полный пример.

<!doctype HTML> 
<head> 
<title>Break!</title> 
<script type="text/x-mathjax-config"> 

MathJax.Hub.Config({ 
tex2jax: { inlineMath: [["$","$"],["\\(","\\)"]] }, 
"HTML-CSS": { 
    linebreaks: { automatic: true, width: "container" }   
}    
}); 

</script> 
<script type="text/javascript" 
    src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> 
</script> 
<style> 
.col { 
    background: #f0f0f0; 
    width: 230px; 
    padding: 10px; 
    font-size: 1.5em; 
    word-wrap: break-word; 
} 
</style> 

</head> 
<body> 

    <div class = 'col'> 

    $$ 
     Pr [(G \bigcup B \bigcup S)^e ] = 1 - Pr (G \bigcup B \bigcup S)     
     = 1 - [Pr(G)+Pr(B)Pr(S)-Pr(G \bigcap B) - Pr(G \bigcap S) - Pr(B \bigcap S)] 
     Pr [(G \bigcup B \bigcup S)^e ] = 1 - Pr (G \bigcup B \bigcup S) 
     = 1 - [Pr(G)+Pr(B)Pr(S)-Pr(G \bigcap B) - Pr(G \bigcap S) - Pr(B \bigcap S)] 
     = 1 - (0.28 + 0.29 + 0.19 - 0.14 - 0.10 -0.12 + 0.08) = 1 - 0.48 = 0.52 
    $$ 

    </div> 

</body>

источник

2013-03-06 01:24:21

спасибо за ответ, но, к сожалению, я не понимаю, какие параметры мне нужно настроить. Можете ли вы объяснить, как это работает. Как установить ширину для контейнера, которая покажет математические выражения. –

Ваш пример также ломается для меня. Вы уверены, что не выбрали MathML в качестве средства визуализации в контекстном меню MathJax? –

[документация] (http://docs.mathjax.org/en/latest/options/HTML-CSS.html#configure-html-css) для вывода HTML-CSS (см. Раздел linebreaks) показывает, что вы можете задайте ширину явно для linebreaking или в терминах с содержащего элемента. Последний является дефолтом, и, похоже, он работает для нас. Возможно, если вы дадите полный HTML-файл и укажите браузер и ОС, которые вы используете, это поможет. –

MathJax перенос слов

ответ

Смежные вопросы