如何在新行中强制文本？

Question

我有这个div：

<div class="text">
    Thisismytextwontgoinanewparagraph
</div>

使用这个CSS：

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

As you can see in this JSFiddle，文字超出了div。

CSS中有没有办法强制换行没有空格的文本（例如超链接）？

Answer 1

你可以试试这个，但它不是很漂亮：

.text
{
    background-color:red;
    width:100px;
    word-wrap: break-word;
}

http://jsfiddle.net/esGEn/1/