Einfügen von Text bis 100% Höhe

Question

Ich versuche, ein Skript zu machen, die diesen Text kopieren/einfügen, bis zu 100% Bildschirmhöhe hat reatched worden:

<p class="text">Jeg er 19 år og elsker sprut, penge og ligegyldig sex ahhh.</p> 

aber ich bin völlig verloren, wie ich tun sollte es, ich weiß, dass ich mit jquery fertig sein kann, aber nicht sicher wie?

Das ist mein CSS für das div um den Textbereich sollte der Text in Verkehr gebracht werden:

.CenterMarg { 
    font-size: 35px; 
    margin: 0 auto; 
    text-align: center; 
    height: 100%; 
    max-height: 100%; 
} 

Answer 1

Wenn Sie wnat den Inhalt nicht über den Boden (Scroll) Geh müssen Sie Rabatt die Texthöhe oder verwenden Sie overflow: hidden in Ihrem CSS.

var b = $('.container'), 
 
    t = $('.text'); 
 

 
while (b.height() < window.innerHeight) { 
 
    t.clone().appendTo(b); 
 
}

.text { 
 
    font-size: 35px; 
 
    margin: 0 auto; 
 
    text-align: center; 
 
    height: 100%; 
 
    max-height: 100%; 
 
}

<div class="container"> 
 
    <p class="text">Jeg er 19 år og elsker sprut, penge og ligegyldig sex ahhh.</p> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>