在網頁制作的過程中，我們經常會遇到需要自動換行的情況，特別是在處理一些動態生成的文本內容時。在這里，我們介紹一下如何使用jQuery實現DIV元素的自動換行。

$(document).ready(function(){
var maxWidth = 200; // 定義DIV元素的最大寬度
$("div").each(function(){
if($(this).width() >maxWidth){
var text = $(this).text();
var words = text.split(" "); // 按空格分割文本內容
var newText = "";
var lineCount = 1; //初始行數
for(var i=0;imaxWidth){
newText += "\n" + words[i] + " ";
lineCount ++ ;
}else{
newText = currentLine;
}
}
$(this).css("white-space","pre-wrap").text(newText);
}
});
});

上面的代碼實現的功能是：判斷DIV元素的當前寬度是否大于指定的最大寬度，如果是，則按空格分割文本內容，逐個單詞的添加到DIV中，同時添加換行符，直到當前行的寬度大于DIV的寬度，插入一個換行符，然后重新開始添加單詞，并記錄行數。最后將DIV的white-space屬性設置為"pre-wrap"，即可實現DIV元素的自動換行。

當然，這只是一種簡單的實現方式，針對不同的需求，我們可以有多種不同的實現方式。