似乎无法让我的 div 的标签以我想要的方式溢出

Question

我有这个 HTML:

<div id="contentPanelHeading" class="div">
    <label id="originalNameLabel" class="label">ThisIsAReallyLongBlockOfTextThatWillOverflowTheParentDiv</label>
</div>

这是我的 CSS:

.div
{
    background-color: red;
    width: 100px;
    height: 100px;
}

JSFiddle 示例可用 here。

如何让我的文字溢出到块中，如下：

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

注意这些字母是如何溢出 div 的，以及像这样的大词是如何被分解的。我怎样才能做到这一点？我尝试了很多不同的技巧，但 none 似乎对我有用。

Answer 1

您只需指定 css 属性自动换行：

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

JSFIDDLE

似乎无法让我的 div 的标签以我想要的方式溢出

Can't seem to get my div's label to overflow the way I want it to

javascript

jquery

html

css

jsfiddle