如何使整个跨度落入新行？

Answer 1

如果您希望跨度不换行，而是完全移动到其他文本下方，您可以使用

white-space: nowrap;

.date {
    text-transform: uppercase;
    color:#848484;
    white-space:nowrap;
}

演示

Answer 2

要让span在空间不足时跳到下一行，可以设置为

display: inline-block;

.date {
    display: inline-block;
    ...
}

检查这个：http://jsfiddle.net/945Df/7/

Answer 3

这就是我实现它的方法：

#spantomovedown{
    clear: both;
    display: inline-block;
    width: 100%;
}

Answer 4

.date{display:inline-block;}

当日期比div长时，换行显示

示例：http://jsfiddle.net/TqRyK/

Answer 5

如果你漂浮：对；当不再有空间容纳整个内容时，它应该落到下一行。

之后您将需要一个清除元件。

Answer 6

我通过以下方式实现了它

word-wrap: break word;