Question

我们假设我有一篇很长的文章，例如一篇很长的文章是否可以将文本分解为客户端上的equaly long div元素：

css（这太棒了！）？ javascript？

目标：我希望将这些div与浮动并排。

- 我知道它可以从服务器端，因为我已经写了一些东西，它完全符合我想要的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/

Answer 2

如果CSS3是您的选项，您可以非常轻松地创建列。

在quirksmode http://www.quirksmode.org/css/multicolumn.html

上查看此链接

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

2 个答案: