如何在固定宽度列中包装长字

时间:2014-09-15 07:52:54

标签: html css

业务要求是在超过宽度时包装文本。但第二句话需要完全包装。

eg. Welcome On-board.  
to be displayed as Welcome
                   on-board.  

但它显示的是 [First Line] Welcome on - [Second Line] board。

有关如何在CSS中处理此问题的任何帮助?

1 个答案:

答案 0 :(得分:1)

如果您想使用css,可以使用white-space: nowrap

Welcome <span style="white-space: nowrap;">On-board.</span>

相反,你可以使用非破坏性的宣传: -

Welcome On&#8209;board.

或者,您可以尝试在“on-board”周围使用<NOBR>标记。 (此标签是非标准的...)

Welcome <NOBR>On-board.</NOBR>

关于使用NOBR的警告:
此功能不标准,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间可能存在很大的不兼容性,并且行为可能在将来发生变化。