Question

我有一个字符串是x（为了参数起见，可以说是10,000）char long。然后我在<div>内显示该字符串。到目前为止，我可以在一个div中显示整个字符串，工作正常。

假设我有以下内容：

字符串 - “此字符串长度为10000个字符”

divs - [div1] [div2] [div3]

我希望将字符串拆分并根据<div>的宽度/高度在多个<div>元素上显示。

结果 - [此字符串] [为10000] [字符长]

到目前为止，我可以将字符串分解为子字符串并使用maxCharPerDiv变量显示字符串的一部分

我的JS

  var contents; //this is my endless string
  var content;
  var maxCharPerDiv = 1000;
  var currentDiv = "";
  var divsArray = [];

  function contentBreak(str, len) {
    if (str.length < len) {
      return divsArray.push(str);
    } else {
      divsArray.push(str.substring(0, len));
    }
    contentBreak(str.substring(len), len);
  }

  for (var i = 0; i < contents.length; i++) {
    content = contents[i].content;
    contentBreak(content, maxCharPerDiv);
  }

  for (var k = 0; k < divsArray.length; k++) {
    console.log(divsArray[k] + "\n");
  }

CSS

div {
  width: 380px;
  height: 582px;
  background: white;
  color: #ccc;
}

以上工作并返回终端中的子串，但我只在我的div上出现1，因为其余的溢出超出设定的高度/宽度。

问题：

是否可以实现这样的显示
是否可以根据div的宽度/高度来实现？

非常欣赏正确方向的推动。

感谢。

Answer 1

创建一个div类，然后添加css代码以更改div的z-index

e.g。

你的css：

#always-on-top {z-index: 9999999;}

应该做的伎俩; - ）

是否可以在多个div上显示一个字符串？

1 个答案: