将文字粘贴到100%高度

时间:2016-11-05 19:56:10

标签: jquery css

我试图创建一个可以复制/粘贴此文本的脚本,直到重新获得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%;
}

1 个答案:

答案 0 :(得分:0)

如果您没有删除内容,请超出底部(滚动),您需要折扣文字高度或使用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>