html - 如何仅使用 HTML 和内联 CSS 在单行上输入文本？

Question

我目前正在重新设计一家公司的电子邮件签名，并且在 iPhone 上查看时遇到了电话和传真号码超过一条线的问题。
问题是此信息显示在单个单元格表中，如下所示：

T: +44 (0)208 1234 1234
F: +44 (0)208 1234 1234
地址行 1
地址行 2
地址行 3

但数字结束在这样的智能手机上查看时溢出：

T：44 (0)208 1234
1234
F：44 (0)208 1234
1234

我想将每一行一个接一个地保留，没有像段落和 div 标签那样的大换行符，甚至没有单独的表格数据（即使没有间距或填充），所以在添加属性而不在每个之间添加不需要的间距时遇到问题线。
任何帮助将非常感激！

Answer 1

利用white-space: nowrap

这里的例子http://jsfiddle.net/83e9C/

Answer 2

换行是由单元格宽度、代码或上下文或设备的某些限制引起的。您可以尝试以多种方式防止包装：<td nowrap>...</td>or<td><nobr>...</nobr></td>或<td style="white-space: nowrap">...</td>. 但是，这可能意味着单元格试图增长超出限制，这可能会失败或导致溢出（这可能意味着截断内容或水平滚动条）。这一切都取决于上下文。

Answer 3

您可以为一个或多个元素提供固定宽度。