word-break和word-wrap

1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。

2,word-wrap:break-word 例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,如果还是放不下,就会截断。

相关推荐
郭优秀的笔记7 小时前
抽奖程序web程序
前端·css·css3
xixixin_2 天前
【HTML】在页面中画一条0.5px的线
前端·css·uni-app·html·css3
chinahcp20082 天前
CSS保持元素宽高比,固定元素宽高比
前端·css·html·css3·html5
暖木生晖2 天前
flex-wrap子元素是否换行
javascript·css·css3·flex
未来之窗软件服务3 天前
企业收款统计:驱动业务决策的核心引擎设计开发——仙盟创梦IDE
javascript·css3·仙盟创梦ide·东方仙盟·企业收款码
艾小码3 天前
HTML5 & CSS3 从入门到精通:构建现代Web的艺术与科学
前端·css3·html5
芜青3 天前
实现文字在块元素中水平/垂直居中详解
前端·css·css3
枫叶是圆的4 天前
纯CSS+JS制作抽奖大转盘
前端·javascript·css·html·css3
Darling02zjh4 天前
_CSS3
前端·css·css3
har01d4 天前
【CSS3】录音中。。。
前端·css·vue.js·vue·vue3·css3