在CSS中，字體的對齊方式一直是一個比較麻煩的問題。在一個段落中，有些單詞的字符數量較少，而另一些單詞的字符數量較多，這就導致了單詞之間的距離不一致，影響了整個頁面的美觀性。在這種情況下，為了讓字體左右都對齊，我們可以使用CSS的一些技巧來解決這個問題。 首先，我們可以使用pre標簽來包含我們想要對齊的文本。pre標簽會忽略文本中的空格和換行符，這樣我們就可以在文本中添加空格來控制單詞之間的距離。同時，在pre標簽中，所有的文本都會以等寬字體的形式顯示，這樣就可以保證每個字符的寬度都是相同的。 接下來，我們可以使用text-align-last屬性來控制文本的對齊方式。text-align-last屬性可以控制文本在一行中的對齊方式，包括左對齊、右對齊、居中對齊和分散對齊。在這種情況下，我們可以將text-align-last屬性設置為justify，這樣可以使文本在每個單詞之間平均分布，從而實現左右對齊的效果。 下面是一個示例代碼，演示了如何使用pre和text-align-last屬性來實現字體左右對齊的效果：

<style>
p {
font-family: Arial, sans-serif;
font-size: 18px;
line-height: 1.5;
text-align-last: justify;
text-justify: inter-ideograph;
margin: 0;
}
pre {
display: inline-block;
font-family: monospace;
margin: 0;
}
</style>
<p>
<pre>Hello, world! This is a demo for left and right aligned text.</pre>
</p>

在上述代碼中，我們將p標簽中的text-align-last屬性設置為justify，這樣可以實現文本的左右對齊。同時，我們還將text-justify屬性設置為inter-ideograph，這樣可以使文本在中文字符之間進行對齊。我們還將pre標簽設置為inline-block屬性，這樣可以讓包含文本的pre標簽擁有一個明確的寬度，方便我們控制文本的對齊方式。 需要注意的是，在使用text-align-last屬性時，可能會造成最后一行的對齊方式不理想。這個問題可以通過將文本放在塊級元素中，并在最后一行添加一些空格來解決。另外，如果你的頁面存在多個段落，還需要考慮不同段落中文本的對齊方式。可以通過為每個段落單獨設置text-align-last屬性來解決這個問題。 在實際開發中，要根據需求靈活運用各種對齊方式，達到最好的排版效果。希望這篇文章能夠幫助到大家，實現更好的頁面設計。