0

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

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

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

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

4

1 回答 1

2

确保将 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>
于 2013-11-20T18:21:27.373 回答