Как сделать так, чтобы текст в этом div расширялся по вертикали?

Question

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

Скрипка №1: http://www.jsfiddle.net/Jdk9R/2/

Скрипка № 2: http://www.jsfiddle.net/d5PEu/

Глядя на скрипку №1, вы можете заметить, что если текст не отформатирован должным образом с пробелами, текст выходит за границы. Как мне сделать эту функцию похожей на скрипку № 2? Или это неизбежно?

Answer 1

Вы можете попробовать добавить правило CSS перенос слов: брейк-слово; Хотя результаты могут выглядеть странно.

Answer 2

добавить элемент стиля в div: style = "word-wrap: break-word, как показано ниже

   <div id="sd" style="word-wrap: break-word">
            Loremipsumdolorsitamet,consecteturadipisicing elit,seddoeiusmodtemporincididuntutlaboreetdoloremagna aliqua.Utenimadminimveniam,quisnostruexercitationullamcolaborisnisiutaliquipexeacommodoconsequat.Duisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariatur.Excepteursintoccaecatcupidatatnonproident,suntinculpaquiofficiadeseruntmollitanimidestlaborum.
    </div>