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

此屬性保存HTML元素的呈現值。可以有兩個值塊，這意味著該元素將顯示在當前文本範圍之外；內聯意味著這元素將顯示在當前文本範圍內。此屬性僅被<math>標記接受。

用法:

<element display="block|inline">

屬性值：

block:此值定義元素將顯示在當前文本範圍之外。
inline:此值定義元素將顯示在當前文本範圍內。

下麵的示例說明HTML5 MathML的顯示屬性：

例：

HTML

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>HTML5 MathML display attribute</title>  
</head>  
  
<body>  
    <center>  
        <h1 style="color:green">  
            GeeksforGeeks  
        </h1>  
          
        <h3>HTML5 MathML display attribute</h3>  
          
        <math display="block">  
            <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>

輸出：

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

Firefox

相關用法

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