在前端開發中，我們經常會遇到英文過長的文章。如果不加限制，這些文章很有可能破壞頁面的布局。這時候，我們可以通過CSS來控制文本的長度，以避免頁面布局崩潰的情況發生。 使用CSS控制文本長度的方法有很多，其中最簡單的方法是使用“text-overflow: ellipsis;”屬性。這個屬性會將文本縮短到指定長度，并在末尾添加省略號。通過設置該屬性，我們可以很容易地將過長的英文文章截斷。 例如，我們可以這樣設置： p { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 上面的CSS樣式可以將文章寬度限制在300像素內，并設置“nowrap”屬性，讓文本不換行，而“overflow”屬性則控制文本超出部分的顯示。最后，我們再設置“text-overflow: ellipsis;”屬性，使得超出部分以省略號的形式呈現，達到控制文本長度的目的。 除了“text-overflow: ellipsis;”屬性外，我們還可以考慮使用JavaScript代碼來實現控制文本長度的效果。例如，可以通過判斷文本長度，將過長的文本截取并添加省略號。 以下是一個使用JavaScript代碼控制文本長度的例子： function controlTextLength(txtSelector, maxLength) { var txt = document.querySelector(txtSelector), content = txt.textContent; if (content.length >maxLength) { txt.textContent = content.substring(0, maxLength) + '…'; } } 我們可以調用以上控制文本長度的函數，將過長的文章截取掉，并在末尾添加省略號。 綜上所述，通過CSS或JavaScript來控制英文過長的文章長度非常重要。這樣可以避免頁面布局崩潰的情況發生，提高用戶體驗。