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、重新刷新下页面,可以看到单词内就进行了换行处理。