在此之前，如何将文本排成一行？

<style>
    .nowrap {
        white-space: nowrap;
    }
</style>
<div class="nowrap">这是一段不换行的文本。</div>

这是一段不 换行的文本。

var text = "这是一段需要换行的文本，根据宽度自动调整换行位置。";
var container = document.getElementById("container");
var maxWidth = container.offsetWidth;
var words = text.split(" ");
var line = "";
for (var i = 0; i < words.length; i++) {
    var testLine = line + words[i] + " ";
    var testWidth = getTextWidth(testLine);
    if (testWidth > maxWidth) {
        container.innerHTML += line + "<br>";
        line = words[i] + " ";
    } else {
        line = testLine;
    }
}
container.innerHTML += line;

function getTextWidth(text) {
    var span = document.createElement("span");
    span.style.visibility = "hidden";
    span.style.whiteSpace = "nowrap";
    span.innerHTML = text;
    document.body.appendChild(span);
    var width = span.offsetWidth;
    document.body.removeChild(span);
    return width;
}