如何使此div中的文本垂直展开？

Question

这件事已经让我失望了很长一段时间。我创建了两个小提琴，因此您可以进行实时测试：

小提琴＃1：http://www.jsfiddle.net/Jdk9R/2/

小提琴＃2：http://www.jsfiddle.net/d5PEu/

查看小提琴＃1，您可以看出，如果文本没有正确格式化空格，则文本会溢出边框。我如何使这个功能类似于小提琴＃2？或者这是不可避免的？

Answer 1

您可以尝试添加CSS规则     自动换行：break-word; 虽然，结果可能看起来很奇怪。

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>