解决P标签不会自动换行问题

给p标签设置三行样式

word-break:normal;
white-space:pre-warp;
word-wrapL:break-word;

1.word-break属性：

在恰当的断字点进行换行。有三个值：normal(使用浏览器默认的换行规则)、break-all(允许单词内换行)、keep-all(只能在半角空格或连字符处换行)

2.white-space属性：

white-space属性设置如何处理元素内的空白。

这个属性声明建立布局中如何处理元素中的空白字符，有六个值：normal(默认。空白会被忽略)、pre(空白会被浏览器保留。其行为方式类似HTML代码中的

标签)、

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

3.word-wrap属性：

允许长单词换行到下一行；有两个值：normal（只允许在断字点换行）、break-word(在长单词或者URL地址内部进行换行)