Style textAlign 属性

Style 对象参考手册 Style 对象

定义和用法

textAlign 属性设置或返回块级元素中文本的水平对齐方式。

语法

设置 textAlign 属性：

Object.style.textAlign = "left|right|center|justify|inherit"

返回 textAlign 属性：

Object.style.textAlign

值 描述
left 默认。把文本排列到左边。
right 把文本排列到右边。
center 把文本排列到中间。
justify 根据 textJustify 属性对齐文本。
inherit textAlign 属性的值从父元素继承。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 textAlign 属性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

实例

居中对齐 p 元素中的文本：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function displayResult() {
      document.getElementById("p1").style.textAlign = "center";
    }
  </script>
</head>
<body>

  <p id="p1">这是一些文本。</p>
  <br>
  <button type="button" onclick="displayResult()">对齐文本</button>

</body>
</html>

尝试一下 »

Style 对象参考手册 Style 对象