white-space :

    1. normal  默认值 ,文字自动换行。

              2. pre 使用<pre>标签形式,表示元素。

                * <pre>元素 可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。多用于计算机源码表示。

                  以下的代码都是在<pre>中编写的。

<sdfdsf

               3. nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象

word-break:

               normal : 依照语音的各自不同换行,亚洲采用亚洲文字换行规则,非亚洲文字采用非亚洲文字换行规则。运行字内换行  即(word-break)有可能在“-”处被折行。这种对于纯字母或数字则没法折行。

               break-all: 用亚洲语音的文本换行规则,也就是1个字母数字都是一个字符可以任意换行,会破坏掉英文的组词 即 administrator 有可能被 admi处折行 。

               keep-all: 使用非亚洲的换行规则,不适合亚洲用,会使得文字无法换行,英文内容会换行。

word-wrap :

               normal: 允许内容顶开容器边界。  这种就是当词组过长,例如[administrator]出现时,会有一部分伸出边界外。

               break-word:文字将在边界内换行。

大多折行设置:

 

white-space: normal;

word-wrap: break-word;

word-break: break-all;

 

 

 

 不折行设置:

white-space: nowrap;

word-wrap: normal;

word-break: keep-all;

 

 

 

    

posted on 2018-03-09 16:10  zhaoqiang1980  阅读(1273)  评论(0编辑  收藏  举报