语法： word-wrap : normal | break-word 取值： normal : 默认值 。
允许
内容顶开指定的容器边界 break-word : 内容将在边界内
换行
。如果需要，词内
换行
( word-break )也将发生 说明： 设置或检索当当前行超过指定容器的边界时是否断开转行。 此属性仅作用于有布局的对象，如块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可
多列布局
CSS
多列布局继承自块级布局模式，
允许
简单地定义多列文本。 一行太长的文字读起来很麻烦；当人眼从一行过长的文字末端移动到下一行开始处，就容易弄错到底该读哪一行。因此，为了最优化使用大的显示屏幕，设计者应该限制文字段落的宽度而并排排列，就像报纸一样。
糟糕的是如果不使用
CSS
和
HTML
在特定的位置强制
换行
，或者严格限制文本中
允许
的标记，或者夸张地使用脚本的话，这是不可能实现的。该限制通过从传统的块级布局模块中延伸出来的新的
CSS
属性得以解决。
列计数器和宽度
有两个
CSS
属性控制是否实现多列布局和显示多少列： column-count and column-width。
属性 colum
强制
换行
与强制不
换行
问题曾经一度困扰着我，每当遇到
换行
问题时候那就是痛苦回忆的开始，现在终于痛定思痛，一鼓作气把这个长期顽固问题给解决。
强制
换行
与强制不
换行
用到的属性
我们一般控制
换行
所用到的
CSS
属性一共有三个：word-wrap; word-break; white-space。这三个属性可以说是专为了文字断行而创造出来的。首先我们得知道这三个属性到底是做什么用地：
word-wrap语法：
word-wrap: normal(默认) | break-word各个浏览器均能识别
normal:
允许
内容顶开指定的容器边界。break-word: 内容将在边界内
换行
。必要时会触发w
关于
换行
、裁剪的一些
CSS
属性
word-wrap: normal | break-word
normal 正常
换行
，内容可以撑破容器，例如长单词或者长数字的情况break-word 以单词作为
换行
依据，如果需要，单词内部
允许
断行
word-break: normal | break-all | keep-all
normal 正常
换行
，内容可以撑破容器，例如长单词或者长数字的情况
break-all 以字母作为
换行
依据
keep-all 中英文下和normal相同
white-space: normal || pre || nowrap || pre-line || pre-wrap ||
一般按照浏览器默认的
换行
规则：就只在汉字后进行
换行
，如果有英文单词，则会把英文单词整体移到下一行，在英文单词前则断开。如果希望让浏览器实现在任意位置的
换行
：可以通过 word-break 和 word-wrap 属性配合使用达到效果：
.state-box {
width: 181px;
height: 100%;
text-align: center;
**word-break: break-all;
word-w
一、文本基本属性
white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit; 规定段落中的文本如何
换行
normal：默认。空白会被浏览器忽略。
pre：空白会被浏览器保留。其行为方式类似
HTML
中的 <pre>标签。
nowrap：文本不会
换行
，文本会在在同一行上继续，直到遇到 <br>标签为止。
Pre-wrap:：保留空白符序列，但是正常地进行
换行
。
Pre-l
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动
换行
，下面是
CSS
如何将他们
换行
的方法！对于div1、(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}...
