如何在HTML中对齐文本

在HTML中，对齐文本可以通过CSS样式来实现。下面将介绍一些常用的方式。

文本居中对齐

要让文本水平居中对齐，可以使用text-align属性，它的值为center。

<div style="text-align:center;">
  <p>这段文字水平居中对齐</p>
</div>

文本左对齐、右对齐

<div style="text-align:left;">
  <p>这段文字左对齐</p>
</div>

<div style="text-align:right;">
  <p>这段文字右对齐</p>
</div>

垂直对齐

要让文本垂直居中对齐，可以使用line-height属性。将它的值设置为与父元素高度相同的值即可。

<div style="height:100px;line-height:100px;background-color:#f5f5f5;">
  <span>这段文字垂直居中对齐</span>
</div>

多列文本对齐

如果要对多列文本进行对齐，可以使用display:table和display:table-cell属性来实现。

<div style="display:table;">
  <div style="display:table-cell;width:100px;text-align:right;">列1</div>
  <div style="display:table-cell;width:100px;text-align:center;">列2</div>
  <div style="display:table-cell;width:100px;text-align:left;">列3</div>
</div>

以上就是对齐文本的几种方式了。在实际应用中，可以根据不同的情况选择使用不同的方式。