文本使用CSS进行控制换行

css中white-space的值pre-wrap

CSS中white-space属性设置如何处理元素内的空白。
默认值normal表示：空白会被浏览器忽略。

white-space这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。在IE8以上和火狐、Chrome中有效。

pre-wrap表示：保留空白符序列，但是正常地进行换行。

测试文本pre-wrap10个空格 keleyi.com

测试文本normal10个空格 keleyi.com

测试文本nowrap10个空格 keleyi.com

测试文本。
keleyi.com 。
这是一些文本。
这是一些文本。
http://keleyi.com/a/bjac/7q4sej2s.htm
这是一些文本。

上面代码的效果：

测试文本。keleyi.com 。这是一些文本。这是一些文本。http://keleyi.com/a/bjac/7q4sej2s.htm这是一些文本。

测试文本。
keleyi.com 。
这是一些文本。
这是一些文本。 k e l e y i.c o m
http://keleyi.com/a/bjac/7q4sej2s.htm
这是一些文本。

上面代码的效果：

测试文本。

keleyi.com 。

这是一些文本。

这是一些文本。

http://keleyi.com/a/bjac/7q4sej2s.htm这

是一些文本。

white-space的值：
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的

 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 
 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。