Javascript Can';我好像拿不到我的div&x27;s标签以我希望的方式溢出

Javascript Can';我好像拿不到我的div&x27;s标签以我希望的方式溢出,javascript,jquery,html,css,jsfiddle,Javascript,Jquery,Html,Css,Jsfiddle,我有这个HTML: <div id="contentPanelHeading" class="div"> <label id="originalNameLabel" class="label">ThisIsAReallyLongBlockOfTextThatWillOverflowTheParentDiv</label> </div> 有一个示例JSFIDLE可用 如何使文本溢出到块中,如下所示: |BigWordsShould| |Be

我有这个HTML:

<div id="contentPanelHeading" class="div">
    <label id="originalNameLabel" class="label">ThisIsAReallyLongBlockOfTextThatWillOverflowTheParentDiv</label>
</div>
有一个示例JSFIDLE可用

如何使文本溢出到块中,如下所示:

|BigWordsShould|
|BeAlignedLikeT|
|hisInsideMyDiv|
|AndOnlyOverflo|
|wGoingDownWard|
 sLikeThis,Outs
 isdeOfTheDivFr
 omTheBottom

注意字母是如何溢出div的,以及像这样的大词是如何分解的。我怎样才能让它这样做?我尝试了一系列不同的技巧,但没有一个适合我。

您只需指定css属性word wrap:

.label
{
  word-wrap: break-word; 
 }

太好了!谢谢正是我需要的!我不知道为什么在我的搜索中没有首先出现这个。
.label
{
  word-wrap: break-word; 
 }