javascript - Lorem Ipsum Generator - 在单独的 div 中生成 ipsum 的方法

标签 javascript jquery html css lorem-ipsum

<分区>

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

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

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

所以,长话短说:尝试制作一个 lorem ipsum 生成器。试图使生成的文本不显示在带有丑陋滚动条的文本区域中,而是显示在单独的 div 中。 HTML/CSS 知识平庸,JS 知识很少。帮忙?

最佳答案

确保将 lorem ipsum 字符串放在 div 中,而不是文本区域中。

默认情况下,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>

关于javascript - Lorem Ipsum Generator - 在单独的 div 中生成 ipsum 的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20103552/

相关文章:

html - 在IE9中,伪元素:after on a TD doesn't get the correct TD height,有解决办法吗?

javascript - 通过后端c#在javascript文件中设置数据

jQuery 验证插件将成功类添加到另一个元素

html - 如何通过 CSS 对齐父级 "relative"之外高度未知的绝对 DIV?

javascript - 使用 jCrop api 显示所选裁剪区域的坐标

jquery - 使用 jQuery、scrollTop 和 #anchors 锁定奇怪的浏览器窗口

php - 在不安装 Zend 优化器的情况下运行 php 文件

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - Uncaught Error : 'node' must be a RefObject when passing a React. RefObject

javascript - 使用 jQuery ajax 函数验证表单时未设置 $_POST 变量