CSS中的文本对齐是一个非常常见的问题，尤其对于那些设计带有文本的网页的人来说，经常会需要对文本进行对齐操作。在CSS中，text-align属性可以用来控制文本的对齐方式，本文将围绕text-align这一属性展开，为你介绍如何在CSS中使用text-align控制文本对齐。

一、text-align属性介绍

text-align属性用来设置文本的水平对齐方式，它可以使用以下的属性值：

1. left（文本左对齐）

2. right（文本右对齐）

3. center（文本居中对齐）

4. justify（文本两端对齐）

二、文本左对齐

文本左对齐就是将文本左侧对齐，这是text-align的默认值，如果你不设置text-align属性，浏览器就会默认使用left来对齐文本，比如下面的示例：

```html

这是一段左对齐的文本

```

```css

p{

text-align: left;

}

```

这个例子中，我们将p元素的text-align属性设置为left，因此文本左对齐。

三、文本右对齐

文本右对齐就是将文本右侧对齐，这可以通过设置text-align属性的属性值为right来实现，如下所示：

```html

这是一段右对齐的文本

```

```css

p{

text-align: right;

}

```

四、文本居中对齐

文本居中对齐是将文本放置在块元素中央，这可以通过设置text-align属性的属性值为center来实现，如下所示：

```html

这是一段居中对齐的文本

```

```css

p{

text-align: center;

}

```

五、文本两端对齐

文本两端对齐是将文本的左右两端对齐，使文本形成均匀的排版。这可以通过设置text-align属性的属性值为justify来实现，如下所示：

```html

这是一段两端对齐的文本，这是一段两端对齐的文本，这是一段两端对齐的文本，这是一段两端对齐的文本，这是一段两端对齐的文本，这是一段两端对齐的文本，这是一段两端对齐的文本，这是一段两端对齐的文本，这是一段两端对齐的文本，

```

```css

p{

text-align: justify;

}

```

六、如何在多个块级元素中控制文本对齐？

当页面有多个块级元素时，我们应该如何控制文本的对齐呢？实际上我们可以为每个块级元素分别设置text-align属性的属性值，或者将它们包含在同一个容器元素中，然后对容器元素设置text-align属性的属性值，如下所示：

```html

相关文章：