本篇文章给大家带来的内容是关于word-wrap怎么自动换行?css强行自动换行教程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
word-wrap介绍
word-wrap是设置对象内文字遇到对象顶边时是否采取换行排版布局。
1、语法
立即学习“前端免费学习笔记(深入)”;
word-wrap:normal—— 允许内容顶开指定的容器边界,遇到连续没有空格英文或没有空格数字不换行(默认,不设置对象也具备默认样式)
word-wrap:break-word —— 内容将在边界内换行,当内容太多顶到对象边界时,内容自动强制换行。
2、常见情况
对象内连续数字或字母太多后,内容顶边对象容器后不会换行,而是溢出继续不换行显示。和汉字或有空格不同,汉字会定格容器边界会自动换行。
3、使用语法
新版本程序更新主要体现在:完美整合BBS论坛程序,用户只须注册一个帐号,即可全站通用!采用目前流行的Flash滚动切换广告 变换形式多样,受人喜爱!在原有提供的5种在线支付基础上增加北京云网支付!对留言本重新进行编排,加入留言验证码,后台有留言审核开关对购物系统的前台进行了一处安全更新。在原有文字友情链接基础上,增加LOGO友情链接功能强大的6种在线支付方式可选,自由切换。对新闻列表进行了调整,
p{word-wrap:break-word}设置html段落p内文字顶格对象容器边缘自动换行。
代码实例:
css强制换行 83480348023802ufjflsjfds843820483048jfdljfsl
显示效果如下:

设置class=bos对象宽度,边框,里面放入连续不断文字和数字内容。如果不设置word-wrap: break-word可以浏览器中观察连续数字内容不换行超出溢出盒子。
这里给予对象设置word-wrap: break-word强制换行样式。
以前老IE浏览器比如IE6不支持,但现在大部分都是有谷歌浏览器,随电脑系统升级都使用更高IE浏览器,或其它品牌浏览器,所以大部分都兼容此css自动换行属性word-wrap样式,大家可以放心使用。
以上就是对word-wrap怎么自动换行?css强行自动换行教程的全部介绍,如果您想了解更多有关CSS3教程,请关注PHP中文网。










