换行问题：white-space、word-break、word-wrap

经常在项目中遇到换行问题，属性word-break只有在ie6、ie7下可用，故忽略。

注意： 此文只谈怎么让元素不换行，直接隐藏（在实际项目中一般不会出现，用户体验太差）

------------------------------------------------------------------------------------

1. 块状元素中（以div示例）

　　　　如果需要单行显示，不换行，直接设置overflow:hidden, white-space:nowrap; width:xxx(指定宽度)

　　　　备注： 不需要指定高度。

2. 表格中

　　　　如果需要固定td的宽度，并且让td中的内容不换行，超出td宽度的内容自动隐藏，则需要做如下操作：

　　　　　　1. table设置table-layout:fixed

　　　　　　2. td设置nowrap; overflow:hidden

　　　　　　3. tbody中的td不能设置宽度，td的宽度由thead中的td或者th来设置（这个相当关键）

看示例代码：

http://hi.baidu.com/chyong168/blog/item/003d6608b39ebed83bc763db.html