业务要求是在超过宽度时包装文本。但第二句话需要完全包装。
eg. Welcome On-board.
to be displayed as Welcome
on-board.
但它显示的是 [First Line] Welcome on - 和 [Second Line] board。
有关如何在CSS中处理此问题的任何帮助?
答案 0 :(得分:1)
如果您想使用css,可以使用white-space: nowrap
Welcome <span style="white-space: nowrap;">On-board.</span>
相反,你可以使用非破坏性的宣传: -
Welcome On‑board.
或者,您可以尝试在“on-board”周围使用<NOBR>
标记。 (此标签是非标准的...)
Welcome <NOBR>On-board.</NOBR>
关于使用NOBR
的警告:
此功能不标准,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间可能存在很大的不兼容性,并且行为可能在将来发生变化。