[分享]css两端对齐最后一行

CSS两端对齐（Justify）是一个常用的文本排版技巧，让段落两端对齐，看起来更加整齐美观。然而当段落不够填满一行时，最后一行的文本就会左对齐，显得不够协调。那么如何让CSS两端对齐也可以适用于最后...

CSS两端对齐（Justify）是一个常用的文本排版技巧，让段落两端对齐，看起来更加整齐美观。然而当段落不够填满一行时，最后一行的文本就会左对齐，显得不够协调。那么如何让CSS两端对齐也可以适用于最后一行呢？

首先，让我们看一下CSS两端对齐的代码：

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

以上代码可以让文本两端对齐，并且通过 text-justify: inter-word; 属性让单词之间的间隔自适应，更易于阅读。

然而，为了让最后一行也能够两端对齐，我们需要在CSS中加入一些额外的代码：

.text {
  text-align: justify;
  text-justify: inter-word;
  display: flex;
  flex-wrap: wrap;
}

.text:after {
  content: "";
  flex: auto;
} 

以上代码中，我们使用了 display: flex; 和 flex-wrap: wrap; 属性让段落变成了一个 Flex 布局容器，并且每行的元素都可以被包装在自己的 Flex 容器中。接着，通过添加 .text:after 伪元素，我们可以在最后一行末尾自动填充一个弹性元素，使得最后一行也能够两端对齐。

总之，以上代码可以让CSS两端对齐也适用于最后一行，让文本排版更加整洁美观。