css如何设置文字两边对齐

在CSS中，我们可以使用text-align属性控制文字的排列方式，但是在文字两边对齐时，我们需要使用text-justify属性才能实现。下面是一些示例代码，来帮助您实现文字两边对齐的效果。 首先，我们需要为需要对齐的文字设置一个容器。可以使用div标签创建一个带有文本的块级元素：

<div class="text-justify">
  <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Proin sed commodo dui,eu efficitur ligula. Aliquam erat volutpat. Sed non pulvinar nisl. Nullam vestibulum diam id tincidunt tincidunt. Donec non odio quis tellus rutrum fermentum ut vitae velit. Vestibulum consectetur iaculis ex,eu dapibus neque bibendum a. Sed vitae sapien a lectus facilisis hendrerit at eu felis. Aenean eu eros eu urna porttitor pharetra. Vivamus sit amet accumsan justo. Maecenas lacinia,massa a fermentum luctus,tortor leo rutrum velit,vel posuere sapien mi sed metus. Integer ut lorem nec magna pharetra fermentum a ac dolor. Nulla imperdiet velit eget erat facilisis,vel bibendum eros aliquet. Vestibulum eu lorem quis ex hendrerit finibus.</p>
</div>

接下来，我们可以使用CSS来设置该文本块的text-justify属性，实现两端对齐：

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

这将使文本块内的文本在每个单词之间加上空格，从而使文本两端对齐。您可以根据需要调整text-justify值，以便在不同的文本中实现最佳效果。 如此简单，就可以轻松实现文字两边对齐的效果。请注意，text-justify属性不受所有浏览器的支持，因此要确保您的代码在各种浏览器中都能正确运行。