文字折行不折行 css

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;

 

 

 

    

转载于:https://www.cnblogs.com/DennyZhao/p/8534485.html