如何使用 JavaScript 将文本内容居中对齐？

在本文中，我们将使用 JavaScript 将文本内容居中对齐。我们使用 HTML DOM 样式的 textAlign 属性来设置文本的对齐方式。

句法：

object.style.textAlign = "center"

上述语法将文本对齐动态设置为居中。

例子：

HTML

 

    
        How to align text content into
        center using JavaScript ?
    

 

    GeeksforGeeks
 
    
        How to align text content into
        center using JavaScript ?
    
 
    
        GeeksforGeeks: A computer
        science portal for geeks
    
 
 
 
    
        Set Alignment
    
 
    
 
        function myFunction() {
            let txt = document.getElementById("content");
            txt.style.textAlign = "center";
        }
    

 

输出：

点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐浏览器
• 歌剧
• 苹果浏览器