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

Question

我有这个HTML：

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

这是我的CSS：

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

示例JSFiddle可用here。

如何将文本溢出到块中，如下所示：

{{1}}

注意字母如何溢出div以及如何破坏这样的大字。我怎么能这样做呢？我尝试了一些不同的技巧，但是似乎没有一个对我有用。

Answer 1

你只需要指定css特性word-wrap：

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

JSFIDDLE