文本对齐 CSS

CSS样式表中有一些属性可以对文本进行对齐。这些属性可以对段落、标题、列表等不同元素的文本进行对齐。本文将详细介绍这些文本对齐属性的用法和效果。

文本水平对齐

文本的水平对齐属性有以下几种：

text-align

text-align属性可以设置元素内文本的水平对齐方式。默认值为left，即左对齐。其他值包括right右对齐，center居中对齐，justify两端对齐。

例如：

p {
   text-align: center;
}

text-indent

text-indent是文本缩进属性，可以设置文本的首行缩进。默认值为0，单位为em、px等。

例如：

p {
  text-indent: 2em;
}

text-justify

text-justify属性用于设置文本两端对齐的方式。默认不启用，如果启用，又分为自动对齐和指定字符间距对齐。

例如：

p {
  text-justify: auto;
}

文本垂直对齐

文本垂直对齐属性有以下几种：

line-height

line-height属性是行高属性，可以设置文本行与行之间的距离。默认值是normal，即由字体自己的高度决定。

例如：

p {
  line-height: 1.5;
}

vertical-align

vertical-align属性用于设置元素内的垂直对齐方式。默认值是baseline。

例如：

img {
  vertical-align: middle;
}

结语

以上是CSS中的文本对齐属性。它们可以让我们更好地控制页面中不同元素的文本对齐方式，让页面布局更加合理、美观。