将文字粘贴到100％高度

Question

我正在尝试制作一个可以复制/粘贴此文本的脚本，直到已经重新获得100％的屏幕高度：

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

但我完全迷失了我应该怎么做，我知道我可以用jquery完成，但不知道怎么做？

这是我的文本区域文本区域div应该放在的css：

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

Answer 1

如果您不希望内容超出底部（滚动），则需要折扣文本高度或在CSS中使用overflow: hidden。

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>