text-align

优质

小牛编辑

131浏览

2023-12-01

描述 (Description)

text-align属性确定行块在块级元素中对齐的方式。

可能的值 (Possible Values)

left - 每个行框的左边缘与块级元素的内容区域的左边缘对齐。
right - 每个线框的右边缘与块级元素的内容区域的右边缘对齐。
center - 每个线框的中心与块级元素的内容区域的中心对齐。
justify - 每个行框的边缘应与块级元素的内容区域的边缘对齐。
string - 列中单元格的内容将与给定字符串对齐。

适用于 (Applies to)

所有块级元素（值除外，它仅适用于表格单元格）。

DOM语法 (DOM Syntax)

object.style.textAlign = "justify";

例子 (Example)

以下是演示如何对齐文本的示例 -

<html>
   <head>
   </head>
   <body>
      <p <b>style = "text-align:right;"</b>>
         This will be right aligned.
      </p>
      <p <b>style = "text-align:center;"</b>>
         This will be center aligned.
      </p>
      <p <b>style = "text-align:left;"</b>>
         This will be left aligned.
      </p>
   </body>
</html>

这将产生以下结果 -