Lorem Ipsum Generator - Способы создания шоу ipsum в отдельном разделе

Question

Поэтому для своего класса дизайна я создаю генератор Lorem Ipsum. Поскольку фиксированная текстовая область со скроллером не так уж эстетична, я пытаюсь найти способ, с помощью которого мой сгенерированный lorem ipsum может появиться в отдельном элементе div, который затем будет расширяться вместе с содержимым.

Cupcake Ipsum делает это, но мои знания HTML/CSS, вероятно, считаются посредственными, и я не очень хорошо знаю JS. Из того, что я вижу, они использовали какой-то виджет (или, по крайней мере, однажды упомянутый в коде), чтобы получить его, чтобы сгенерированный код появился в отдельном div?

Есть ли какой-либо учебник, который может показать мне, как это можно сделать без какого-либо виджета, который они используют? Я искал и заглядывал в тупики, поэтому я не знаю, просто ли я искал в нужном месте или что.

Итак, TL; DR: Попытка сделать Lorem Ipsum Generator. Попытка сделать так, чтобы сгенерированный текст отображался не в текстовой области с уродливой полосой прокрутки, а в отдельном элементе div. Посредственный в знании HTML/CSS, очень мало знаний JS. Помогите?

Answer 1

Убедитесь, что вы помещаете свою строку lorem ipsum в div, а не в текстовую область.

Div расширяются в соответствии с размером содержимого (без полос прокрутки) по умолчанию. Если вы видите полосы прокрутки, примените этот 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>