css字体怎么两端对齐

在前端开发中，字体的对齐是一个很重要的问题。CSS提供了许多方法来控制字体的显示效果，使其更加整齐美观。其中，字体两端对齐是我们经常用到的方法之一。

要使字体两端对齐，我们可以使用text-align-last样式属性，该属性只适用于最后一行文本。我们可以设置text-align-last属性的值为justify，来让最后一行的文本两端对齐。

p {
  text-align: justify; /* 使文本两端对齐 */
  text-align-last: justify; /* 使最后一行的文本两端对齐 */
}

除了使用text-align-last属性之外，我们还可以通过在文本块中插入伸缩盒子来实现该效果。在下面的代码中，我们创建了一个flex容器，设置其flex-wrap属性为wrap，和justify-content属性为space-between。这样，文本的每一行将被包含在一个伸缩盒子中，使它们平均分布在空间中。

p {
  display: flex; /* 将每一行的文本包含在一个伸缩盒子中 */
  flex-wrap: wrap; /* 设置伸缩盒子换行 */
  justify-content: space-between; /* 将伸缩盒子内的文本平均分布在空间中 */
}

需要注意的是，该方法不适用于在行内插入的物品（例如图片），因为它们不能包含在伸缩盒子中。此外，该方法还存在兼容性问题，不适用于一些老旧的浏览器。

总的来说，字体两端对齐是一种很实用的控制文本显示效果的方法。我们可以使用text-align-last属性或者flex布局的方法来实现该效果，提高页面的美观程度。