当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。