如何打断内联 CSS 中的所有行或不打断？

Question

我正在为一家公司设计一封 HTML 电子邮件。我的底部页脚有问题。目前，它看起来像这样：

我喜欢它！

当它的大小调整很多时，它看起来像这样：

精彩的！我确实希望页脚分成 3 行。

但是，当我调整一半窗口大小时，它看起来像这样：

我可以使用什么 CSS 代码来使页脚断掉所有行，或者不断行？它需要始终看起来像这样：

或这个：

但绝对不要这样：

永远不要这样：

我尝试了多种组合都white-space: nowrap;无济于事。当任何线路断开时，它们都需要同时断开。<table>也许这可以通过?来完成。

感谢您的帮助。CSS 需要内联并且没有媒体查询。JavaScript 对 HTML 电子邮件的支持非常有限且不可靠，因此，我希望不需要它。

可以在此处找到用于编辑的 JSFIDDLE。

Answer 1

<nav style="display:inline; white-space:nowrap;"> 
<a moz-do-not-send="true" style="text-decoration:none; word-break:break-all; color:white;" href="tel:1234567890">
(123) 456-7890
</a>
</nav>

使用

word-break:break-all;

杰斯小提琴

http://jsfiddle.net/f1uuwexy/8/