htmltext-align

text-align 是一个 CSS 属性，用于设置文本（即块级元素中的文字）的水平对齐方式。它可以应用于块级元素和一些可替换元素（如 input、button 等）。

text-align 属性有以下几个取值：

1. left：文本左对齐，默认值。

2. right：文本右对齐。

3. center：文本居中对齐。

4. justify：文本两端对齐，行之间的空格会被拉伸，使得每一行的宽度都相等。

5. initial：将文字对齐方式设置为其默认值。

6. inherit：继承父元素的文本对齐方式。

text-align 属性可以单独应用于块级元素，也可以分别应用于不同的方向（左对齐和右对齐）。

对于块级元素，text-align 属性会影响其内部文本的对齐方式。例如，对于一个 div 元素，可以通过将 text-align 设置为 center，来使其内部文本居中对齐。

对于可替换元素，text-align 属性同样适用。可替换元素是指在渲染时会替换为其他内容（如图像、视频等）的元素，但它们也可以包含文本内容。例如，对于一个 input 元素，可以通过将 text-align 设置为 right，来使其文本右对齐。

需要注意的是，text-align 属性只对块级元素中的文本起作用，对于行内元素，可以使用 text-align 的祖先元素的属性，如设置父元素的 text-align 属性，来实现文本对齐效果。

在布局中，text-align 属性可以和其他属性一起使用，如布局属性（如 float、position、display 等）和盒模型属性（如 margin、padding 等），来实现更复杂的排版效果。

总结一下，text-align 属性是用来设置块级元素和一些可替换元素内部文本的水平对齐方式的，它有多个取值，可以实现文本的左对齐、右对齐、居中对齐等效果。它在网页布局中扮演着重要的角色，可以和其他属性一起使用来实现丰富多样的排版效果。