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


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