关于文字换行 DIV

转自  http://www.zishu.cn/blogview.asp?logID=508&cateID=3
1,正常的、已经断了句（即已经有标点符号）的中文字段或英文字段，当这行字达到层的给定宽度时，就自动换行：

HTML代码

<div style="width:345;">如果负数是虚构出来的话，那么虚数也是虚构的。虚数是为了给负数开方根的需要而提出来的。就像求“两个数的和是10，积是40的数。”我们只能说没有实数解，不能说不存在这样的数，因为负数是存在的，所以负数的N方根也应该存在，不然就不应该有负数的存在。</div>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

2,还是正常的、已经断了句（即已经有标点符号）的中文字段或英文字段，当这行字达到层的给定宽度时，你想让它不换行,就加个样式white-space:nowrap这行字就一直延长下去，这就是强制不换行：

HTML代码

<div style="width:345;white-space:nowrap">如果负数是虚构出来的话，那么虚数也是虚构的。虚数是为了给负数开方根的需要而提出来的。就像求“两个数的和是10，积是40的数。”我们只能说没有实数解，不能说不存在这样的数，因为负数是存在的，所以负数的N方根也应该存在，不然就不应该有负数的存在。</div>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

3,非正常的英文字段，既不加任何标点符号的、连续文字或字母，在给定宽度或不给定宽度的层里，永远不换行：

HTML代码

<div>45454545454545454545llllllllll454545454544545lllloioioiiioioioioioio45454545454545454545llllllllll454545454544545lllloioioiiioioioioioio45454545454545454545llllllllll454545454544545lllloioioiiioioioioioio45454545454545454545llllllllll454545454544545lllloioioiiioioioioioio45454545454545454545llllllllll454545454544545lllloioioiiioioioioioio45454545454545454545llllllllll454545454544545lllloioioiiioioioioioio45454545454545454545llllllllll454545454544545lllloioioiiioioioioioio</div>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

这种非正常的字段，你给它加上word-break:break-all它就乖乖地被强制换行：

HTML代码

<div style="width:345;word-break: break-all;">556565656565656kjjdsdsdkshkshdshdhhdadadeerweruroweroweroweyroweroewroeroeroweorwoeroweroiuoieroii45350328023404032idowdosadusoidsdsiduasduasdasdsd</div>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]