在網頁設計中，文字排版與配色是非常重要的。其中，文字過長導致排版混亂是很普遍的問題。解決這個問題的方法之一是使用CSS中的文字換行與省略號屬性。

一般情況下，當文字過長超出父容器的寬度時，會自動換行。但是，有時候我們會希望將文字截斷并在結尾添加省略號來顯示。此時我們可以使用CSS中的text-overflow屬性。

/* 添加截斷省略號 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

這里我們使用了三個屬性來實現截斷省略號：

1. overflow：控制內容超出容器時的表現方式。
2. text-overflow：控制文字超出容器時的表現方式，這里我們使用了省略號即“...”。
3. white-space：控制元素中的空格及換行。

除了截斷省略號，我們還可以使用CSS中的word-break屬性來進行自動換行。該屬性的默認值為normal，即默認情況下會自動斷行。但是有時候我們會遇到中英文混排的情況，這時候使用默認的word-break屬性會出現問題，因為中英文字符的換行規則不同。這時候我們可以設置word-break的值為break-all。

/* 自動換行 */
word-break: break-all;

總之，在文字排版時，一定要注意長文字的處理，不要讓過長的文字影響頁面布局。使用text-overflow與word-break屬性，可以輕松解決這個問題。