将长文本分解为<div>客户端的元素

元素在客户端。

让我们假设我有一个很长的文本，例如一篇很长的文章。
是否可以在客户端上使用:

将文本分割成同样长的div元素?

css(这太棒了!)?javascript ?

目标:我想让这些div与float并排。

-我知道从服务器端是可能的，因为我已经写了一些我想要的东西在PHP中。

你可以这样做…

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/

相关内容

最新更新

热门标签：