入门 CSS 排版文本对齐

基本的文本对齐是网页设计中非常重要的一部分。使用 CSS 布局可以实现不同的文本对齐方式。 本文将介绍如何使用 CSS 实现几种常见的文本对齐方式。

左对齐

左对齐是默认的文本对齐方式。可以使用 text-align 属性将文本左对齐。

.text-align-left {
  text-align: left;
}

居中对齐

居中对齐可以将文本放置在容器的中央。可以使用 text-align 属性将文本居中对齐。

.text-align-center {
  text-align: center;
}

右对齐

右对齐将文本靠右对齐。可以使用 text-align 属性将文本右对齐。

.text-align-right {
  text-align: right;
}

两端对齐

两端对齐会在每个单词之间增加间隔，使得每行的末尾对齐。可以使用 text-align 属性将文本两端对齐。

.text-align-justify {
  text-align: justify;
}

结论

这就是几种文本对齐方式。使用这些技术可以使您的网页具有更好的排版和可读性。

参考资料

• text-align - CSS | MDN