Как увеличить высоту внешней скобки?

Как увеличить высоту внешней скобки? Есть ли способ в MathML или MathJax?

<math>
  <mrow>
    <mo fence="true" stretchy="true">&#x0028;</mo>
    <mspace width="0.15em"/>
    <mrow>
      <mrow>
        <mo fence="true" stretchy="true">&#x0028;</mo>
        <mspace width="0.15em"/>
        <mrow>
          <mn>1</mn>
          <mo>+</mo>
          <mn>21</mn>
          <mo>+</mo>
          <mn>2</mn>
        </mrow>
        <mspace width="0.15em"/>
        <mo fence="true" stretchy="true">&#x0029;</mo>
      </mrow>
      <mn>1</mn>
      <mo>+</mo>
      <mn>21</mn>
      <mo>+</mo>
      <mn>21</mn>
    </mrow>
    <mspace width="0.15em"/>
    <mo fence="true" stretchy="true">&#x0029;</mo>
  </mrow>
</math>

Изображение:

введите здесь описание изображения

Возможно ли это в MathML или MathJax? Если нет, какое лучшее решение с использованием CSS или Javascript?

EDIT Это всего лишь пример выражения. Мое выражение может иметь несколько фигурных скобок на нескольких уровнях. Таким образом, если есть 3 скобки, внешняя скобка должна быть больше средней скобки, а средняя скобка должна быть больше внутренней скобки.


person madhu_p    schedule 11.01.2014    source источник
comment
вы можете добавить встроенный css в наш тег внешней скобки style=font-size:20px;   -  person Satish Sharma    schedule 11.01.2014
comment
Это пример выражения, мое выражение может содержать несколько фигурных скобок на нескольких уровнях. Будет ли это работать, если есть три фигурные скобки.   -  person madhu_p    schedule 11.01.2014
comment
jsfiddle.net/Y5tSB   -  person Mr. Alien    schedule 11.01.2014
comment
@Mr.Alien Не удается использовать многоуровневые фигурные скобки. Если фигурных скобок 3, вторая скобка должна быть больше внутренней скобки, а внешняя скобка должна быть больше второй скобки. Этот уровень скобок не является фиксированным, он будет динамическим.   -  person madhu_p    schedule 11.01.2014
comment
@Mr.Alien выглядит идеально   -  person Aditya Ponkshe    schedule 11.01.2014
comment
@AdityaPonkshe проверьте jsfiddle.net/Y5tSB/1, здесь используется тот же CSS, что и у Mr.Alien   -  person madhu_p    schedule 11.01.2014
comment
@madhu_p Я закодировал в соответствии с вашим заголовком, остальные условия вы должны указать в своем вопросе.   -  person Mr. Alien    schedule 11.01.2014
comment
@Mr.Alien согласился, но, к сожалению, это не решает мою проблему. Обновлен мой вопрос с более подробной информацией.   -  person madhu_p    schedule 11.01.2014
comment
Обратите внимание, что если вы хотите использовать MathJax для обработки отображения MathML, вы не можете использовать CSS для стилизации MathML (поскольку MathJax заменит MathML тегами HTML, а не MathML, поэтому они не будут правильно оформлены). Кроме того, изменение размера шрифта скобок приведет к ухудшению качества верстки, поскольку они будут иметь неправильный вес (они будут выглядеть слишком жирными) и не будут правильно центрированы на математической оси. Лучше всего использовать атрибуты MathML, такие как minsize, а не размер шрифта CSS.   -  person Davide Cervone    schedule 12.01.2014


Ответы (1)


Вы можете добавить minsize="1.2" (или какой-либо другой коэффициент) к эластичному <mo>, чтобы сделать его как минимум в 1,2 раза больше своего естественного размера. Например

<math>
  <mrow>
    <mo fence="true" stretchy="true" minsize="1.2">&#x0028;</mo>
    <mspace width="0.15em"/>
    <mrow>
      <mrow>
        <mo fence="true" stretchy="true">&#x0028;</mo>
        <mspace width="0.15em"/>
        <mrow>
          <mn>1</mn>
          <mo>+</mo>
          <mn>21</mn>
          <mo>+</mo>
          <mn>2</mn>
        </mrow>
        <mspace width="0.15em"/>
        <mo fence="true" stretchy="true">&#x0029;</mo>
      </mrow>
      <mn>1</mn>
      <mo>+</mo>
      <mn>21</mn>
      <mo>+</mo>
      <mn>21</mn>
    </mrow>
    <mspace width="0.15em"/>
    <mo fence="true" stretchy="true" minsize="1.2">&#x0029;</mo>
  </mrow>
</math>

должны увеличить внешние круглые скобки.

person Davide Cervone    schedule 11.01.2014