msclass.js滚动段落文字不会回行

.scroll-container {
    width: 300px; /* 设置一个明确的宽度 */
    height: 100px; /* 设置一个明确的高度 */
    overflow: hidden; /* 隐藏溢出的内容 */
    word-wrap: break-word; /* 允许长单词或URL换行到下一行 */
}

<div class="scroll-container">
    <p id="scroll-text">这是一段很长的文字，它应该能够在容器内自动回行。</p>
</div>

.scroll-container {
    width: 300px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

#scroll-text {
    position: absolute;
    white-space: nowrap; /* 防止文字默认换行 */
}

// 假设msclass.js中有一个函数叫做scrollText，用于处理滚动效果
function scrollText() {
    var textElement = document.getElementById('scroll-text');
    var container = document.querySelector('.scroll-container');
    var textWidth = textElement.offsetWidth;
    var containerWidth = container.offsetWidth;

    // 如果文字宽度大于容器宽度，需要处理回行
    if (textWidth > containerWidth) {
        // 这里可以添加逻辑来处理文字的回行
        // 例如，通过插入<br>标签或者修改文字内容来实现回行
    }

    // 滚动逻辑...
}

// 调用滚动函数
scrollText();