无法获得跨度以正确显示为块？

Question

我正试图让我的跨度在溢出时开始新的一行;这似乎非常微不足道，但我似乎无法使其发挥作用。

我知道它默认是内联的，所以我试图将其设置为阻止。我已尝试更改css显示，以及应用clear: both以防任何外部css影响它，但我仍然无法正确显示它。我做了一个小提示来展示我的问题：http://jsfiddle.net/QUpPn/

感谢。

Answer 1

这不是 span 的问题。为此使用自动换行：break-word; 。写得像这样：

#test {
    background-color: #ccc;
    width: 100px;
    display: block;
    clear: both;
    word-wrap:break-word;
}

选中此http://jsfiddle.net/QUpPn/1/

Answer 2

只需将word-wrap:break-word;添加到#test课程。

您也可以使用text-align:justify;来更好地查看文字。
< br /> jsFiddle Live Demo