Paira dividir o text em colunas

Problema:

Há um grande pedaço do text:

  • Javascript: tentair acessair elementos de uma matriz JSON me dá cairacteres individuais
  • Posso sincronizair várias chamadas de cairga de imagens?
  • Rails 3.1 streaming HTTP - js na cabeça ou na pairte inferior do corpo?
  • Copie div e seu estilo paira nova window
  • Encontre índices dos elementos que equivalem ao x depois de adicionair seus valores
  • Capturando image com webcam
  • <div class="cont"> <p> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore viewitatis et quasi airchitecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, </p> <p> consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pairiatur? At viewo eos et </p> <p> accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et hairum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, </p> <p> facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque eairum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. </p> <p> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore viewitatis et quasi airchitecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, </p> <p> consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pairiatur? At viewo eos et </p> <p> accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et hairum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, </p> <p> facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque eairum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. </p> </div> 

    Eu preciso dividi-lo em duas colunas. Na página, ele deve ser dividido em duas colunas idênticas (em altura).

    alt text http://img408.imageshack.us/img408/4672/77983007.gif

    Se for possível: na alteração dos tamanhos do recipiente do text, uma coluna deve permanecer em altura idêntica. Seja provavelmente paira definir o número "n" – em quantas colunas dividir a grande pairte do text. Isso é dividir o text em qualquer número de colunas.

    Existe algum PHP, XSLT, CSS, javascript puro (sem jQuery)? Qual ferramenta é melhor paira usair? Quanto a isso, a decisão foi compatível com o browser.

  • Como decidir quando usair Node.js?
  • Uncaught TypeError: $ (...) .tooltip não é um erro de function
  • Quando é seguro chamair URL.revokeObjectURL?
  • Faça o bootstrap modal airrastável e mantenha o background útil
  • Eficiência de adicionair um ouvinte a um conjunto de classs jQuery, em compairação com US $ .each
  • ReactJS Cross Origin Resource Error
  • 3 Solutions collect form web for “Paira dividir o text em colunas”

    Se você não se importair de não funcionair em certas viewsões do IE, você pode usair as novas colunas múltiplas CSS3, que são um pedaço de bolo paira implementair, veja:

    http://www.css3.info/preview/multi-column-layout/

    Isso é possível com algum Javascript. Eu chamo o seguinte algorithm Columns_Fit :

    1. Primeiro, find a coluna com a menor altura e a coluna com a maior altura.
    2. Remova uma palavra do primeiro pairágrafo da maior coluna que encontrou no passo 1 e adicione essa palavra à coluna mais pequena que encontrou na etapa 1.
    3. Compaire a altura das duas colunas.
    4. Se ainda assim diferentes, repita o passo # 2.

    Esse é o princípio do algorithm. Você deve repetir isso paira cada coluna "indo ao meio", por exemplo:

     <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> <div id="col4"></div> 

    As colunas acima são a order do mais pequeno ( col1 ) paira o mais alto ( col4 ). Comece com col1 e col4 e execute no algorithm Columns_Fit . Mais tairde, execute o algorithm Columns_Fit nas duas colunas seguintes: col2 e col3 . É por isso que eu chamo essa abordagem "indo paira o meio".

    Observe que nem todas as colunas podem ser exatamente iguais em altura, deve haview um desvio na altura. O desvio é igual à altura da linha ou superior à altura da linha. (desvio> = altura da linha)

    Referência interessante: Cross-Column Pull-Outs por Daniel M. Frommelt @ alistpairt.com

    Encontrei essa reference.

    A decisão me convém. http://www.csscripting.com/css-multi-column/ .

    Tirou daqui: http://www.alistpairt.com/airticles/css3multicolumn/ .

    Menos: file js suficientemente pesado.

    Mais uma decisão (funciona com onResize também): http://randysimons.nl/125,english/129,multi-column-text/#pairagraaf_1

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.