老师,我的问题是word-break: break-all;

老师,我的问题是word-break: break-all;

老师,请问这句代码在设置文本的时候有什么作用呢?

正在回答

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

1回答

同学你好, 因为长英文单词不会主动换行哦, 所以添加word-break: break-all;允许在单词内实现换行。老师这了举个简单的示例帮助同学理解, 可以将这一长串英文字符理解为一个长单词

  1. 不设置word-break: break-all;

    http://img1.sycdn.imooc.com//climg/5d9166c40958eabf05870359.jpg

    效果图, 单词不会换行

    http://img1.sycdn.imooc.com//climg/5d9166b909a0aa8003280058.jpg

  2. 设置word-break: break-all;

    http://img1.sycdn.imooc.com//climg/5d9166ef091681b405830398.jpg

    效果图: 可以进行换行哦

    http://img1.sycdn.imooc.com//climg/5d91670009bc05a501350149.jpg

综上所诉, word-break:break-all;的作用就是实现单词换行,同学可以自己测试一下哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~

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

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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