代码之家 › 专栏 › 技术社区 › Shripad Krishna

如何使此分区中的文本垂直展开?

css html

Shripad Krishna · 技术社区 · 14 年前

这是一件让我陷入困境的事情。我已经创建了两个小提琴,以便您可以进行现场测试:

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

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

看一看小提琴1,你就知道如果文本没有用空格正确格式化,文本就会溢出边框。我如何使这个功能类似于小提琴2?或者这是不可避免的?

2 回复 | 直到 14 年前

patrickmcgraw 14 年前

您可以尝试添加CSS规则自动换行:断字; 不过,结果可能看起来很奇怪。

Pranay Rana 14 年前

将style元素添加到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>

推荐文章

Softly · 单选按钮未按预期取值

1 年前