HTML | DOM 样式 textAlign 属性(1)

📌 相关文章

📜 HTML | DOM 样式 textAlign 属性(1)

📅 最后修改于: 2023-12-03 15:15:36.816000 🧑 作者: Mango

HTML | DOM 样式 textAlign 属性

在 HTML 和 DOM 中，textAlign 属性用于设置文本水平对齐方式。该属性仅适用于块级元素。

语法

object.style.textAlign="left|right|center|justify|initial|inherit"

属性值

textAlign属性可用的值：

left: 把文本左对齐。
right: 把文本右对齐。
center: 把文本居中对齐。
justify: 把文本两端对齐。
initial: 设置该属性为默认值。
inherit: 从父元素继承该属性。

实例

<!DOCTYPE html>
<html>
<head>
	<title>textAlign 属性</title>
	<style>
		h1 {
			text-align: center;
		}

		p.left {
			text-align: left;
		}

		p.right {
			text-align: right;
		}

		p.justify {
			text-align: justify;
		}
	</style>
</head>
<body>
	<h1>标题</h1>
	<p class="left">这是左对齐的文本</p>
	<p class="right">这是右对齐的文本</p>
	<p class="justify">这是两端对齐的文本</p>
</body>
</html>

该实例设置标题居中对齐，三个段落分别设置为左对齐、右对齐、两端对齐。可以通过修改属性值来改变文本对齐方式。

结论

通过使用 textAlign 属性，可以轻松设置 HTML 元素的文本水平对齐方式。该属性的默认值为左对齐。