CSS中有一個屬性可以讓文本在頁面中左右兩端對齊，即text-align屬性。

{
text-align: justify;
}

將該屬性設置為justify即可實現左右兩端對齊，在一行中不足的部分會自動填充空格。

但有時候在實際應用中會遇到特殊情況，比如一段中英文混雜的文字，如果直接使用text-align，可能會出現單詞分開的情況。

中文 English 中文 English 中文

這時可以使用空格的特點來解決這個問題，把中文和英文分別包在span標簽里，中英文之間用一個空格隔開。

中文English中文English中文

在CSS中對span標簽設置display:inline-block屬性，再對p標簽設置text-align:justify即可實現左右兩端對齊。

p {
text-align: justify;
}
span {
display: inline-block;
}

這樣就可以兼顧中文和英文的美觀了。