CSS文本溢出问题：＜p＞＜h＞标签内，纯数字或纯字母文本样式溢出问题

问题情景描述：

• 当给<p>标签或者<h>标签内动态添加数据时，如果数据长度超过 <p> 或<h>标签的宽度，默认情况下会出现文本溢出显示情况，也就是，超出部分在标签外显示。

上图可见，当文本内容是纯数字或者纯字母，或者数字和字母组合的内容时，文本展示会出现溢出显现。

如果标签内是纯汉字，那么当文本内容长度超过区域宽度时（p，h标签宽度），就会自动换行（默认情况下。）

问题

提示：如何让字母数字内容也向汉字内容一样，可以自动换行，而不是溢出显示呢？

解决方案

**给对应标签样式添加 提示： word-break: break-all; 或word-wrap: break-word;**属性即可解决问题。

word-break属性

CSS word-break属性

定义和用法
---->word-break 属性规定自动换行的处理方法。
---->提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。