Ist es möglich, eine Zeichenkette über mehrere divs anzuzeigen?

Question

Ich habe eine Zeichenfolge, die x lang ist (lassen Sie sagen, 10.000 für Argument willen). Ich kann dann diese Zeichenfolge innerhalb einer <div> anzeigen. Bisher kann ich die ganze Saite in einem Div anzeigen, was gut funktioniert.

So folgende ich habe die Unter der Annahme:

String - "Diese Saite ist 10000 Zeichen lang"

divs - [div1] [div2] [div3]

Ich möchte um die Zeichenfolge aufzuteilen und über mehrere <div> Elemente basierend auf der Breite/Höhe des <div> anzuzeigen.

Ergebnis - [Diese Zeichenfolge] [10000] [Zeichen]

Bisher kann ich den String in Teilstrings und Anzeigeteil des Strings mit einer maxCharPerDiv Variable

meine JS brechen

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; 
} 

Das obige funktioniert und gibt die Teilstrings im Terminal zurück, aber ich bekomme nur 1 auf meinem Div angezeigt, da der Rest über die eingestellte Höhe/Breite hinausfließt.

Fragen:

1. Ist es möglich, eine solche Anzeige
zu erreichen
2. Ist es möglich, auf die Breite/Höhe eines div so basiert zu tun?

Sehr schätzen Sie einen Anstupser in die richtige Richtung.

Danke.

Answer 1

erstellen ein div class dann CSS-Code hinzufügen zu den Z-Index

zum Beispiel der div ändern

CSS:

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

den Trick tun sollten ;-)