[分享]css两个字两端对齐

CSS（Cascading Style Sheets）是一种用来为网页样式取得控制的标记语言。在网页设计中，一个非常重要的问题就是如何让文本内容达到好看和易读，而其中一项关键就是让文本两端对齐，但是这...

CSS（Cascading Style Sheets）是一种用来为网页样式取得控制的标记语言。

在网页设计中，一个非常重要的问题就是如何让文本内容达到好看和易读，而其中一项关键就是让文本两端对齐，但是这个问题对于许多人来说是比较复杂的。而 CSS 为我们提供了一种非常简单的解决方案，就是使用 text-align 和 text-justify 属性。

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

在上面的代码中，我们首先使用了 text-align: justify 属性来让文本两端对齐，在这个属性中，我们可以通过设置不同的值来控制文本在行盒子中的对齐方式。而接下来的 text-justify: inter-word 属性将会实现单词之间的对齐，从而让整段文本看起来更加美观。

需要注意的是，在某些浏览器中，text-justify 属性可能会被忽略。因此，我们可以使用下面的代码来实现类似的效果。

p {
  text-align: justify;
  word-spacing: 3px;
} 

在这个代码块中，我们使用了 word-spacing 属性来调整单词之间的空隙，从而让文本达到两端对齐的效果。

总而言之，CSS 提供了很多简单又实用的方法来让我们的网页看起来更加美观和易读，而对于文本两端对齐来说， text-align 和 word-spacing 属性都是非常好的解决方案。