html5中的p不换行的解决办法：1、打开相应的HTML代码文件；2、找到p标签；3、通过添加“p:nth-child(2) {word-break: break-word}”属性使得数字英文自动换行即可。
本教程操作环境：Windows10系统、HTML5版、DELL G3电脑
html5中的p不换行怎么办？
p标签中英文换行内容问题
1.数字、英文的情况
立即学习“前端免费学习笔记（深入）”；
p中的内容如果是英文，则会按单词（默认按空格来分隔单词）来进行换行。如果一个单词长度大于p标签的宽度。则会发生溢出。数字同理
2.中文的情况
p中的内容如果是中文，则会自动换行。即便中文中有字母或者空格（无论字母处在什么位置）。
3.使数字、英文自动换行
通过添加word-break: break-word。可以使得数字、英文自动换行。
nbsp;html>Document * { margin: 0; padding: 0; } figure { display: flex; width: 100vw; height: 100vh; flex-direction: column; justify-content: center; align-items: center; } img { width: 20vw; } p { width: 30%; height: 20%; /* word-break: break-word */ /* text-align: center; */ } p:nth-child(2) { word-break: break-word }budapsetBund123456789456132123afhuoeaewoerhaib faFingjfllkfhabjkalshfowurhebjkfais thecapticaljjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
1111111111111111111111111111111111111111111111 22222222222222222222222222222 22222222222222222222222222
a小花花蓉儿安委办挼恩爱反驳奥委会蓉儿五把UI阿拉绒布李规格a 爱好IE容纳foe把UI老人会爸爸非哦啊啊哦环绕为比方那部分巴洛克不发货
登录后复制
推荐学习：《HTML5视频教程》
以上就是html5中的p不换行怎么办的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2921478.html
