我有以下HTML代码：
<a href="https://www.nothing.com/link" style="font-size:42px;text-decoration:none; color: #FFFCFC;white-space:nowrap;">this is just a <i>test sentence</i></a>
正如您所看到的，我放入了“white-space：nowrap”以确保句子保持在一行，无论浏览器窗口大小如何。但是，似乎在句子中使用斜体字来防止这种情况发生。在较小的浏览器窗口上，结果是“这只是一行”，然后在下一行“测试句子”。如何使句子始终保持在一行？
答案 0 :(得分：1)
斜体不会导致换行。问题出在问答中没有公开的样式表的某些部分（发布的代码不证明了问题）。它可能是一个“杀手CSS重置”，这实际上往往会搞砸了。它可能类似于* { white-space: normal }，它会自然地导致i元素内的正常换行，而不是让它从其父级继承white-space。
所以你应该清理你对CSS的使用，最好摆脱“CSS重置”。只重置真正需要重置的属性。
答案 1 :(得分：1)
我在FF中也遇到过这个问题 - 相同的情况。
最快的解决方法是将字体大小设置为稍微小一些，例如90％。
我也没有任何css重置。
答案 2 :(得分：0)
您可以尝试将inline-block添加到至少在chrome
<a href="https://www.nothing.com/link" style="font-size:42px;text-decoration:none; color: red;white-space:nowrap;display:inline-block">this here is a very long is just a<span style="font-style: italic"> test sentence</span></a>