p 标签是默认是自动换行的，因此设置好宽度之后，能够较好的实现效果，但是最近的项目中发现，使用 ajax 加载数据之后， p 标签内的内容没有换行，导致布局错乱，于是尝试着使用换行样式，虽然解决了问题，但是并没有发现本质原因，本质在于，我当时获取的数据是一长串的数字，浏览器应该是对数字和英文单词处理方式相近，不会截断。

先给出各种方式，再具体介绍每一个属性。

强制不换行:

p { white-space:nowrap; }

自动换行:

p { word-wrap:break-word; }

强制英文单词断行:

p { word-break:break-all; }

注意： 设置强制将英文单词断行，需要将行内元素设置为块级元素。

超出显示省略号:

p{text-overflow:ellipsis;overflow:hidden;}

white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit; 

word-wrap: normal|break-word; 

• word-wrap : 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。
• normal : 只在允许的断字点换行(浏览器保持默认处理)
• break-word : 在长单词或URL地址内部进行换行

word-break: normal|break-all|keep-all;