CSS的两端对齐布局是通过使用text-align属性来实现的。text-align属性有四个值：left（左对齐）、right（右对齐）、center（居中）和justify（两端对齐）。
p{
text-align: justify;
}使用text-align: justify可以实现两端对齐布局，但是它对换行的处理比较特殊。一般情况下，两端对齐布局会通过在每个单词之间增加空格来实现，但是如果某个单词太长，在缩短宽度后仍然无法放在同一行，那么就会被放到新的一行。这样就会导致在一行的末尾出现大量的空格。
为了解决这个问题，CSS提供了一个新的属性text-justify。text-justify属性有三个值：auto（自动）、none（不调整）、inter-word（单词间）。
p{
text-align: justify;
text-justify: inter-word;
}使用text-justify: inter-word可以让CSS在单词之间增加空格，同时避免在单词之内增加多余的空格。这样就可以实现完美的两端对齐布局了。