Lorem Ipsum Generator - 在单独的 div 中生成 ipsum 显示的方法 [关闭]答案

【问题标题】：Lorem Ipsum Generator - Ways to have generated ipsum show in a separate div [closed]Lorem Ipsum Generator - 在单独的 div 中生成 ipsum 显示的方法 [关闭]
【发布时间】：2013-12-04 21:28:43
【问题描述】：

所以对于我的设计课，我正在创建一个 Lorem Ipsum 生成器。因为带有滚动条的固定文本区域在美学上并不是那么令人愉悦，所以我试图找到一种方法来让我生成的 lorem ipsum 出现在一个单独的 div 中，然后随着内容的扩展。

Cupcake Ipsum 会这样做，但我在 HTML/CSS 方面的知识可能被认为是平庸的，而且我对 JS 不太了解。据我所知，他们使用了某种小部件（或者至少在代码中曾经提到过）来获取它，以便他们将生成的代码显示在单独的 div 中？

是否有任何可用的教程或任何可用的教程可以告诉我如何在没有他们使用的任何小部件的情况下完成此操作？我一直在寻找并遇到死胡同，所以我不知道是我没有在正确的地方寻找还是什么。

所以，TL;DR：试图制作一个 lorem ipsum 生成器。试图使其生成的文本不显示在带有丑陋滚动条的文本区域中，而是显示在单独的 div 中。 HTML/CSS 知识一般，JS 知识很少。帮忙？

【问题讨论】：

标签： javascript jquery html css lorem-ipsum

【解决方案1】：

确保将 lorem ipsum 字符串放在 div 中，而不是 textarea 中。

默认情况下，Divs 会根据内容的大小（无滚动条）展开。如果您看到滚动条，请将此 CSS 应用到您的 div：

#lorem_ipsum_div
{
overflow:visible;
}

将字符串放入 div 的代码：

<div id='lorem_ipsum_div'></div>
<script>
    $('#lorem_ipsum_div').html(YOUR LOREM IPSUM STRING); //works only if using jQuery
    //if no jQuery, use this: 
    //document.getElementById("lorem_ipsum_div").innerHTML=YOUR LOREM IPSUM STRING;
</script>

【讨论】：

如果你想创建多段lipsum，你也可以使用<p class='lorem-ipsum-output'></p>和jQuery选择器$('.lorem-ipsum-output')，这是许多生成器都支持的功能。