在javascript中用占位符文本动态地完全填充div

我想用占位符文本填充div

我有一个100%宽+高的div。由于许多形状因素，此高度和宽度将根据用户分辨率而变化。如何用lorem ipsum动态填充该div。如果窗口大小发生变化，我将如何重新计算？我知道我可以用复制粘贴和溢出隐藏手动完成，但我更愿意用javascript实现这一点

css

    html,body {
        /*background:#edecec;*/
        height: 100%;
    }
    .block-text{
        text-align: justify;
        font-size: 8px;
        font-color: rgba(88,89,91, 1);
        font-family: georgia;

        line-height: 7px;
    }

html

    <div class="block-text">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, eius, ab, molestiae praesentium hic quia quaerat culpa quas consectetur dolor veritatis vel voluptas minus laborum minima quis dolorum necessitatibus tempora.
        </p>

    </div>

Lorem ipsum dolor sit amet，奉献精英。临时性，eius，ab，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性，临时性。

---

在“if”-子句中。

我知道您想用javascript解决这个问题，但是您是否考虑过将css psuedo元素与

内容一起使用？如果这只是为了开发占位符文本，我认为它可以实现您想要的功能，而无需添加大量javascript和调整大小事件

.block-text>p:after { 
    content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, eius, ab, molestiae praesentium hic quia quaerat culpa quas consectetur dolor veritatis vel voluptas minus laborum minima quis dolorum necessitatibus tempora.';
}

快速猜测我要测试的是：在里面有一个子元素。阻止文本，在每一步中填充该子元素，检查它的高度是否大于父元素的高度，然后断开。这是您可以使用的吗？我会创建一个div的屏幕外（对用户来说是可见的，但对用户来说不是屏幕上的）副本，并不断向其添加文本，直到它不超过可见div的尺寸。然后将内容复制到上面。如果窗口大小改变怎么办？在$（window.resize（function（）{}；：）中检测并重新放置整个对象的最佳方法是什么或者，最有可能的是，将其放入一个命名函数中，该函数在document ready上调用一次，然后在$（window）.resize（）上调用一次。
$('.container').children().last().hide();

.block-text>p:after { 
    content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, eius, ab, molestiae praesentium hic quia quaerat culpa quas consectetur dolor veritatis vel voluptas minus laborum minima quis dolorum necessitatibus tempora.';
}