javascript - 如何将我的文本溢出转换为列？

Question

我需要强制我的文本溢出到设置的 div 高度内的新列中。

这是它目前正在做的事情: http://i.imgur.com/huvk0si.png

这就是我需要它做的。 (这是在 photoshop 中模拟出来的) http://i.imgur.com/nCgCFGy.jpg

这是html

<div class="data">
<div class="stackleft" id="p1_stack"></div>
<div class="stackright" id="p2_stack"></div>
</div>

这是 JavaScript

function drawStack(isFinal){
var stackLength = Oscore[currentPlayer].stack.length;
var temp = "";
var tot = 0;
for(var i=0;i<stackLength;i++){
    var val = Oscore[currentPlayer].stack[i];
    temp += val + "<br>";
    tot += val;
}
//if(!isFinal){
    //temp = '<div class="workingScore">'+scoreTemp+'</div><br>' + temp;
//}
var writeSore = document.form1.game.value - tot;
writeit(writeSore,currentPlayer + "_score");
writeit(temp,currentPlayer + "_stack");
}

如有任何帮助，我们将不胜感激。

Answer 1

我认为您正在寻找:

1. 多列 CSS 布局 - See supported browsers
2. CSS 区域 - 目前仍是一个工作草案，并没有得到广泛支持，但是有一个 polyfill created by Adobe

看起来您正在处理智能手机浏览器。因此，只要您不关心 IE，就可以接受 Safari 和 Chrome 中对这些功能的支持