span div内的span生成多文本而不是内联文本

Question

我希望以内联方式显示文本（即单行），请参阅下面的代码。

<DIV id=container_vml_TrackToolTip style="POSITION: absolute; LEFT: 85px; TOP: 58px">
    <SPAN id=container_vml_ToolTipText style="FONT-SIZE: 12px; FONT-FAMILY: Segoe UI; POSITION: absolute; COLOR: yellow; FONT-STYLE: normal; LEFT: 414px; TOP: 126px; VISIBILITY: visible">2009  32</SPAN>
</DIV>

输出在IE浏览器中产生以下结果。

我想在特定位置显示内联文本而不是多行。如何将span放在div标签内？

谢谢， 希瓦

Answer 1

尝试white-space:nowrap：

<DIV id=container_vml_TrackToolTip style="POSITION: absolute;LEFT: 85px; TOP: 58px"><SPAN id=container_vml_ToolTipText style="white-space:nowrap; FONT-SIZE: 12px; FONT-FAMILY: Segoe UI; POSITION: absolute; COLOR: yellow; FONT-STYLE: normal; LEFT: 414px; TOP: 126px; VISIBILITY: visible">2009  32</SPAN></DIV>    

Answer 2

要让文本以内联方式显示，您需要在范围内使用宽度：100px。举个例子，请看一下 this version of the code.

<span style="width: 100px; line-height: 20px .....">2009 32</span>