如何将文本溢出转换为列?

时间:2013-03-19 06:42:31

标签: javascript html css multiple-columns dynamic-columns

我需要强制将文本溢出到设置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");
}

提前感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我认为您正在寻找:

  1. 多列CSS布局 - See supported browsers
  2. CSS区域 - 目前仍然是工作草案,但没有广泛支持,但有polyfill created by Adobe
  3. 看起来你正在处理智能手机浏览器。因此,只要您不关心IE

    ,就可以接受对Safari和Chrome中这些功能的支持