最近在实现一个webcontrol的showhistory功能的时候,遇到了下面的问题:
如果连续输入日文很长的字符串,那么historylist的item将被撑得很大,不便于查找其他item。

在这里,我们不希望实现自动换行。

由于每一个item是一个Div。
对于IE浏览器,找到了如下属性,whiteSpace。 
在代码中加上一句话:
newDiv.style.whiteSpace = 'nowrap';
就可以了。

效果:不自动换行,可以在一行显示。


语法:

 
white-space : normal | pre | nowrap
 
参数:
 
normal :  默认处理方式
pre :  用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)
 
说明:
 
设置或检索对象内空格的处理方式。
对应的脚本特性为whiteSpace。请参阅我编写的其他书目。
 
示例:
 
p { white-space: nowrap; }