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


HTML Style textAlignLast用法及代码示例

HTML DOM中的Style textAlignLast属性用于设置文本最后一行的对齐方式。

用法:

  • 返回textAlignLast属性:
    object.style.textAlignLast
  • 设置textAlignLast属性:
    object.style.textAlignLast = "auto | left | right | center | 
    justify | start | end | initial | inherit"

    属性值:


    • Auto:最后一行是合理的,并在容器中保持对齐。
    • Left:文本的最后一行保持左对齐。
    • Right:文本的最后一行右对齐。
    • Center:文本的最后一行是center-aligned。
    • Justify:最后一行是合理的(通过在单词之间插入额外的空格,最后一行占据了容器的整个宽度)。
    • Start:文本的最后一行左对齐(如果文本的方向是从左到右),而右对齐(如果文本的方向是从右到左)。
    • End:文本的最后一行是右对齐的(如果文本的方向是从左到右)和左对齐的(如果文本的方向是从右到左)。
    • Initial:设置最后一行以使其初始值对齐。
    • Inherit:最后一行从父元素继承其属性。

    范例1:

    <!DOCTYPE html> 
    <html> 
      
    <head> 
        <title> 
            HTML | DOM Style textAlignLast Property 
        </title> 
        <style> 
            .right { 
                text-align-last:right; 
                border:2px solid grey; 
            } 
              
            .center { 
                text-align-last:center; 
                border:2px solid black; 
            } 
        </style> 
    </head> 
      
    <body> 
      
        <h2 style="text-align:center"> 
           Text-align-last-Right:
       </h2> 
        <div class="right"> 
            <!-- text-align-last:right; property -->
            <p> 
                <font color="green"> 
                    GeeksForGeek 
               A Computer Science Portal for Geeks 
          </font> 
            </p> 
        </div> 
      
        <h2 style="text-align:center"> 
           Text-align-last-Center:
       </h2> 
        <div class="center"> 
            <!-- text-align-last:center; property -->
            <p> 
                <font color="green"> 
                    GeeksForGeek 
             A Computer Science Portal for Geeks 
          </font> 
            </p> 
        </div> 
    </body> 
      
    </html>

    输出:

    范例2:

    <!DOCTYPE html> 
    <html> 
      
    <head> 
        <title> 
            HTML | DOM Style textAlignLast Property 
        </title> 
        <style> 
            .justify { 
                text-align-last:justify; 
                border:2px solid grey; 
            } 
              
            .start { 
                text-align-last:start; 
                border:2px solid Green; 
            } 
        </style> 
    </head> 
      
    <body> 
      
        <h2 style="text-align:center"> 
           Text-align-last-Justify:
       </h2> 
        <div class="justify"> 
            <!-- text-align-last:justify; property -->
            <p> 
                <font color="green"> 
                    GeeksForGeek 
            A Computer Science Portal for Geeks 
          </font> 
            </p> 
        </div> 
      
        <h2 style="text-align:center"> 
           Text-align-last-Start:
       </h2> 
        <div class="start"> 
            <!-- text-align-last:start; property -->
            <p> 
                <font color="green"> 
                    GeeksForGeek 
            A Computer Science Portal for Geeks 
          </font> 
            </p> 
      
        </div> 
    </body> 
      
    </html>

    输出:

    支持的浏览器:HTML |列出以下DOM样式textAlignLast属性:

    • 谷歌浏览器47
    • Internet Explorer 5.5
    • Firefox 49.0、12.0 -moz-
    • Opera 34


相关用法

注:本文由纯净天空筛选整理自ChinkitManchanda大神的英文原创作品 HTML | DOM Style textAlignLast Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。