javascript - 在客户端将长文本分解为 <div> 元素

Question

假设我有一个很长的文本，例如一篇长文章。
是否可以在 客户端 上将文本分成等长的 div 元素:

css(这太棒了!)？ javascript ？

目标:我希望将这些 div 与 float 并排放置。

- 我知道从服务器端是可能的，因为我已经用 PHP 编写了一些完全符合我要求的东西。 [如果有人感兴趣就说一句话]

Answer 1

你可以做这样的事情......

var a = $('#text').text().split(' ');
var b = c = d = e = '';

var b = a.length/3;

if((a.length % 3) > 0){
    a.push(' ');
    b = a.length/3;

    if(b*3 % 3 > 0){
        a.push(' ');
        b = a.length/3;

        if(b*3 % 3 > 0){
            a.push(' ');
            b = a.length/3;

            if(b*3 % 3 > 0){
                a.push(' ');
                b = a.length/3;            
            }
        }
    }    
}


for(var i = 0; i < b; i++){
   c += a[i] + ' ';
}

for(var j = b; j < b*2; j++){
   d += a[j] + ' ';
}

for(var k = b*2; k < b*3; k++){
   e += a[k] + ' ';
}

$('#text').replaceWith('<div class="replace">' + 
                       c + '</div><div class="replace">' + 
                       d + '</div><div class="replace">' + 
                       e + '</div>');

还有CSS

.replace{
    float:left;
    margin:1%;
    width:30%;        
}

示例: http://jsfiddle.net/jasongennaro/NsdST/2/