CSS3文本换行教程

1、新建一个txt文档，将其改成html文件。

2、用Sublime编辑器打开html文件，并填写标准html5代码，代码效果如下。

3、新建一个p标签，并且写入相应的单词输出。设置p标签的宽为300px，通过“word-warp：break-word；”设置单词换行。

4、我们用浏览器打开html文件，页面显示效果如下。

5、当我们设置“word-break:break-all;”的时候，word-break属性指定非CJK函讳雍蛾脚本的断行规则，break-all则允许在单词内换行，keep-all则只能在半角空格或连字符处换行。

6、重新刷新下页面，可以看到单词内就进行了换行处理。