div中的文字不能自动换行

div中的文字不能自动换行

课程中div标签中的文字可以自动换行,但是我在本地调试的时候文字是无法自动换行的请问是为什么?
代码如下
图片描述

浏览器中的效果如下
图片描述

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好:

1、老师猜测同学的需求,并不是想问如何在编译器中如何让代码换行,如果需求是在编辑器中设置代码换行,那么请按照一下操作:

1)点击顶部菜单【查看】

2)在弹出的菜单中,点击【切换自动换行】

2、如果是按照浏览器中的效果字母没有自动换行,同学这里踩了个坑,在html中如在容器中全部都是字母,那么就会溢出父级(这里是因为字符的问题,同学不需要纠结)。那么使用文字的话就会有自动换行的效果。

https://img1.sycdn.imooc.com//climg/61fdddae0964243427111258.jpg

https://img1.sycdn.imooc.com//climg/61fddd99094b3ffe14210606.jpg

解决方案可参考如下:

https://img1.sycdn.imooc.com//climg/61fdde5109017ba815340411.jpg

给box1添加word-break: break-all属性。

优化后结果如下:

https://img1.sycdn.imooc.com//climg/61fdde970970d18d11750455.jpg

同学自己试试,祝学习愉快!

慕码人6069885 2022-02-01 21:48:52

VSCode选择菜单查看-自动换行,应该就可以了

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师