英文与中文的换行问题

日期：2013-12-13  来源：攀枝花惠康网络公司

参数：
设置或检索当当前行跨越指定容器的鸿沟时是否断开转行。

巨匠都知道英文是在一个词内不许可断字换行的，如不美观有些BT的长度单词呈现就会将表格或者层撑爆，尤其是加上BT的测试人员，更会让你难看，何等完美的页面咋就这样了。

　　具体斗劲：

view plaincopy to clipboardprint?

1. <div style=“width:200px;”>此容此容此容此容此容此此容此容此容此容此容此容此容此容此容此容</div>
2. <div style=“width:200px;”>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
3. <div style=“width:200px; overflow:hidden”>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
4. <div style=“width:200px; overflow:scroll;”>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
5. <div style=“width:200px; word-break: break-all”>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
6. <div style=“width:200px; word-wrap: break-word;”>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
7. <div style=“width:200px; word-wrap: break-word; word-break: break-all”>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
8. <table cellspacing=“0″ cellpadding=“0″ style=“table-layout:fixed; width:202px; word-break:break-all;”>
9. <tr>
10. <td>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</td>
11. </tr>
12. <tr>
13. <td>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</td>
14. </tr>
15. </table>

参数：

　　相关CSS语法

语法：
word-break : normal; break-all; keep-all

参数：
normal : 　遵照亚洲说话和非亚洲说话的文本轨则，许可在字内换行
break-all : 　该行为与亚洲说话的normal不异。也许可非亚洲说话文本行的肆意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 　与所有非亚洲说话的normal不异。对于中文，韩文，日文，不许可字断开。适合包含少量亚洲文本的非亚洲文本

语法：
word-wrap : normal; break-word

normal : 　许可内容敞开指定的容器鸿沟
break-word : 　内容将在鸿沟内换行。如不美观需要，词内换行（word-break）也行发生

声名：

语法：
auto : 　默认的自动算法。结构将基于各单元格的内容。表格在每一单元格篡夺计较之后才会显示出来。速度很慢
table-layout : auto; fixed

fixed : 　固定结构的算法。在这算法中，水平结构是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关

声名：
设置或检索表格的结构算法。