列数由行计数的列

Question

您好，

我已经通过CSS3“column-count”-property创建了这个视图，只是没有行号。我的工作正常，但我的问题是如何在这样的视图中添加行号。

CSS似乎不可能。

您的解决方案是什么？

Answer 1

查看问题并且没有共享代码 - 不能给出准确的答案，这将耗费太多时间。

以下是您可以尝试的内容

1. 计算文字内容中的字符总数 - 段落
2. 您需要定义文本将分成多少列
3. 每行包含的字符数或字母数。 （这将包括每个字符，如字母数字+特殊+空格）
4. 您可以编写一个JS来计算字符数，并在达到每行的限制后打印COUNTER值。
5. 在某种程度上，JS只会根据数字字符打印行号。

示例

1. 考虑您的文字内容包含1000个字符
2. 考虑列的每一行将包含25个字符
3. 这意味着你将有40行（1000/25）的文字。
4. 考虑有4列
5. 进一步意味着每列将有10行
6. 您需要明确考虑\ n来考虑行尾。
7. 一旦知道了数字行，就可以运行for循环并与行号一起排列。