web前端|html教程
使用css3属性处理单词的换行和断词
web前端-html教程
问题呈现
易语言网盘源码,vscode git使用,双系统怎么选择ubuntu,tomcat io模型,sqlite中文编码问题,dede xml地图插件,前端框架还有前途吗,爬虫贴吧数据,php 图片 压缩,品牌seo方案,国外漂亮的网站源码,网页框架模板代码,asp 商城模板,今日头条移动端多页面模板,若依管理系统下载,拼车小程序6.3.3的坑lzw
Nameofuser-definedcallbackfunctiontobecalledwheneverastreamtriggersanotification.
.main{ width: 100px; border: 2px solid red;}
加盟网整站源码 带数据,大智慧 ubuntu,浏览器启动tomcat失败,爬虫抓全网数据,苹果php格式如何导出txt,南疆seo优化lzw
认识word-break属性
小鹿直播源码,调试vscode,vm虚拟机安装ubuntu,tomcat vavle,sqlite性能如何,一台云服务器,日期倒计时插件,前端开发框架技巧,网络爬虫 视频教程,php连接打印机,外贸seo外包,开源c2c网站管理系统,wap网页编辑器,建材门户模板,好看的自适应404页面,extjs 国内管理系统,商品网站程序下载lzw
word-break: break-all
.main{ width: 100px; border: 2px solid red; word-break: break-all;}
认识word-wrap属性
先看默认的,以作对比。我把长单词多插入了几个空格,以便效果明显
Name of user-definedcallbackfunction to be called wheneverastreamtriggersanotification.
.main{ width: 100px; border: 2px solid red;}
下来看看word-wrap: break-word演示
.main{ width: 100px; border: 2px solid red; word-wrap: break-word;}
总结
word-break: break-all, 打破了浏览器的默认换行规则 word-wrap: break-word, 保留浏览器的默认换行规则,一旦一个连续长单词一行容纳不下,就只对这个长单词进行打破换行
如果觉得《使用css3属性处理单词的换行和断词【HTML】》对你有帮助,请点赞、收藏,并留下你的观点哦!