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 布局 -查看支持的浏览器
2. CSS Regions - 目前仍然是一个工作草案并且没有被广泛支持但是有一个由 Adob​​e 创建的 polyfill

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