HTML5 MathML displaystyle屬性用法及代碼示例

此屬性包含一個布爾值，該布爾值指定是將更多的垂直空間用於顯示的方程式，還是如果設置為false，則使用更緊湊的布局來顯示公式。所有MathML標記都接受此屬性。

用法:

<element displaystyle="true|false">

屬性值：

true:此值定義更多的垂直空間用於顯示的方程式。
false:此值定義使用更緊湊的布局來顯示公式。

以下示例說明了HTM5 MathML中的displaystyle屬性

例：

HTML

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>HTML5 MathML displaystyle attribute</title>  
</head>  
  
<body>  
    <center>  
        <h1 style="color:green">  
            GeeksforGeeks  
        </h1>  
          
        <h3>HTML5 MathML displaystyle attribute</h3>  
          
        <math displaystyle="true">  
            <mrow>  
                <mrow>  
                    <msup>  
                        <mi>x</mi>  
                        <mn>2</mn>  
                    </msup>  
                    <mo>+</mo>  
                    <msup>  
                        <mi>y</mi>  
                        <mn>2</mn>  
                    </msup>  
                </mrow>  
                <mo>=</mo>  
                <msup>  
                    <mi>z</mi>  
                    <mn>2</mn>  
                </msup>  
            </mrow>  
        </math>  
    </center>  
</body>  
  
</html>

輸出：

支持的瀏覽器：displaystyle屬性支持的瀏覽器如下：

Firefox

相關用法

注：本文由純淨天空篩選整理自skyridetim大神的英文原創作品 HTML5 MathML displaystyle Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。