html一次或多次打破一行

Question

我有一张桌子。一列包含日期对，例如

2014/01/01 -
2014/01/02

我不想要这个，因为那时列太宽了：

2014/01/01 - 2014/01/02

我不能这样做：

html
2014/01/01 - <br /> 2014/01/02

因为这导致了这个：

2014/01/01
-
2014/01/02

所以这条线需要完全打破一次。有什么想法吗？

Answer 1

这就是非破坏空间的用武之地。试试这个：

2014/01/01&nbsp;-<br>2014/01/02

在这种情况下，短划线-永远不应该在下一行结束。

比较 demo 中空间不足时的行为。

Answer 2

<span style="white-space:nowrap;">2014/01/01 -</span> 2014/01/02

或者您可以尝试较旧的<nobr>2014/01/01 -</nobr> 2014/01/02

Answer 3

当我使用它时，我无法重现此错误：

<table>
    <tr>
        <td>2014/01/01 -
            <br />2014/01/02</td>
    </tr>
</table>

我得到了被驱逐的输出：

2014/01/01 -
2014/01/02

但您可以在CSS中使用white-space:nowrap：

td {
    white-space: nowrap;
}

Answer 4

您可以使用＆lt; pre＆gt;用于精确控制格式的元素（如，包含换行符的空格将在HTML源代码中，在打开和关闭标记之间完全呈现）。这有点hacky但应该为此工作。

<pre>2014/01/01 -
2014/01/02</pre>