css - 无法让跨度正确显示为块？

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;来使文​​本更好地查看。

jsFiddle 现场演示