HTML表格 - 如何使IE不破坏连字符

Question

我有一些表格单元格包含如下格式的日期:2009-01-01.IE 7似乎在连字符处将这些分为两行.有什么办法可以解决这个问题吗？

Answer 1

您正在寻找该white-space属性,它可以控制空格和换行符如何影响元素的内容.要折叠空白区序列,但要阻止换行符,可以使用以下nowrap值:

.dates {
    white-space: nowrap;
}

<td class="dates">2009-01-01</td>

Answer 2

我敢肯定有一个更好的CSS的方式,但旧的方式是使用无间断:<nobr>...</nobr>但使用不中断会造成什么去到下一行.

另一种方法是使用非破坏连字符.这样,您仍然可以进行包装,而不是在连字符处.

Answer 3

使用这个CSS:

.nowrap {
    white-space: nowrap;
}

包裹您的日期,如:<span class="nowrap">2009-01-01</span>.

编辑:这个解决方案优于其他解决方案的优势在于它可以让您更精确地控制应该或不应该包装的内容.您的单元格仍然可以在跨度之外换行空格和其他连字符.