javascript - 如何在两个 div 中显示动态内容，每个 div 具有确定的高度？

Question

我有一个很长的 html 内容(html 片段)从服务器端获取，我想将它显示在一个有两个 div 的页面上，比如说，div1 和 div2 , 每个 div 都有一定的高度，div 中不允许有滚动条，html 内容是动态的，可能长也可能短，如果它太大放不下 div1，它会自动扩展到div2，而不是用长滚动条显示div1中的所有内容。

可以吗？怎么办？

非常感谢。

Answer 1

如果您希望您的内容被平均分配，那么您可以将您的内容分成两部分。然后你可以在两个单独的 div 中显示。像这样:

var content = getContent(); // getContent() is a method by which you are getting the content
var len = content.length;
var halfContent = content.substring(0, len/2);
var secondHalf = content.substring(len - len/2, len);
document.getElementById('div1').innerText = halfContent;
document.getElementById('div2').innerText = secondHalf;