最近有客户提建议，希望在报价里增加产品型号字段，而且这个字段显示时不能换行，因为他们的产品是工业产品，报价时是根据产品型号定价的，产品型号的字段长度一般在40个字符以内，换行时不方便审批。

控制某个单元格不换行比较容易，在td里加nowrap即可，但是在js里增加td元素时，如果设置nowrap为true，在firefox里测试不成功。通过测试，在增加td时，可以设置td的className为不换行的css，css的代码为white-space:nowrap;

nowrap的说明如下：

HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。

但使用时要注意的是，td元素noWrap属性的行为与td元素的width属性有关。td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度，则nowrap属性起作用的，如果设置了td宽度，则nowrap属性不起作用。

转载请注明：易客CRM官方博客 » nowrap和css