如何将文本划分为列，如果我使用Javascript和CSS动态获取数据库的文本？ [英] How to divide text into columns, if I get text dynamically for database using Javascript and CSS?

问题描述

我认为脚本使每个容器中的一定数量的字符可以工作。你知道任何脚本吗？
这是一个响应式设计，我可以使用几个css文件，但我只需要一个html文件：

I think a script makes a certain number of characters in each container can work. Do you know any script like that? It is a responsive design I can use several css files but I need only one html file:

问题是在文本中，我会动态得到我不知道我会得到多少个字符。在桌面大小中，段落被布置成一个在另一个之上。

the problem is in text which I'll get dynamically so I have no idea how many characters I'll get. In desktop size the paragraphs are arranged one above the others. In Ipad size the paragraphs are arranged into two columns, some on right side and some on the left.

推荐答案

您可以使用CSS3的 columns 可以单独使用CSS实现该任务，虽然它不支持在IE8及以下版本;

You can use CSS3's columns to achieve that task with CSS alone, though it is not supported in IE8 and below;

div {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    width: 560px;
}

作为IE的备用版本，您可以使用条件注释和 jQuery Masonry 或Columnizer，如其他海报所建议。

As a fallback for IE you can use conditional comments and something like jQuery Masonry or Columnizer as suggested by other posters.

演示在IE中正常降级。

这篇关于如何将文本划分为列，如果我使用Javascript和CSS动态获取数据库的文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！