在网页设计中，对文字进行良好的排版是非常重要的一项任务。本教程将教您如何使用CSS来实现文字的两端对齐和分散对齐效果，让您的页面看起来更加专业和美观。
1. 两端对齐
两端对齐是指文本的左右两端都对齐，形成整齐的边缘。我们可以使用text-align: justify;来实现这个效果。下面是一个简单的例子：
cssCopy code.text-justify {
text-align: justify;
}然后，在HTML中应用这个类：
htmlCopy code<p> 这是一段文本，我们将通过CSS实现它的两端对齐效果。这是一个简单的例子，但在实际项目中，良好的排版对用户体验至关重要。 </p>
2. 分散对齐
分散对齐是指文本在行内的最后一行除外都将被拉伸以填满整行，形成整齐的边缘。在CSS中，我们使用text-align-last: justify;来设置最后一行也采用两端对齐。但需要注意的是，为了兼容IE浏览器，我们还需要添加text-justify: distribute-all-lines;。
下面是实现分散对齐的CSS代码：
cssCopy code.text-distribute {
text-align: justify;
text-align-last: justify;
text-justify: distribute-all-lines;
}在HTML中应用这个类：
htmlCopy code<p> 这是一段文本，我们将通过CSS实现它的分散对齐效果。分散对齐在一些设计上非常有用，特别是在需要填充整个行宽的情况下。 </p>
3. 额外样式
如果您想进一步调整两端对齐和分散对齐的样式，您可以使用margin-right属性来设置右边距（或者通过margin-left设置左边距），以及text-indent属性来设置首行缩进。
cssCopy code.text-custom {
text-align: justify;
text-align-last: justify;
text-justify: distribute-all-lines;
margin-right: 90px; /* 设置右边距 */
text-indent: 2em; /* 设置首行缩进 */
}在HTML中应用这个类：
htmlCopy code<p> 这是一段文本，我们通过CSS设置了一些额外的样式，包括右边距和首行缩进，以满足特定设计需求。 </p>
通过这些简单的CSS样式，您可以轻松地实现文字的两端对齐和分散对齐效果，提升页面的可读性和美观度。希望这个教程对您有所帮助！
