自动换行word-wrap属性实例教程

2019-09-08 郑州网站建设  

1、代码

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css强制换行 CSS5实例</title> <style> .bos{ width:200px; height:80px; border:1px solid #F00; word-wrap: break-word; } </style> </head>

<body> <p class="bos">83480348023802ufjflsjfds843820483048jfdljfsl</p> </body> </html>

设置装备摆设class=bos对象宽度,边框,内里放入一连接续笔墨与数字模式。如果不设置装备摆设word-wrap: break-word大要浏览器中观察到本教程新闻一起头的第一张图看到连续数字内容不换行高出溢出盒子。

这里给以对象设置word-wrap: break-word逼迫换行花色。

2、阅读器测试可否换行截图

css实现连续英文字母或数字强制自动换行

div css实现间断英笔墨母或数字自愿主动换行

3、小结以前老IE涉猎器好比IE6不赞成,但当初大一部分凡是有谷歌浏览器,随PC琐屑降级都使用更高IE浏览器,或其他品牌阅读器,所以大部份都兼容此css自动换行属性word-wrap技俩,人人笼统定心使用。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1372.html转载请标明出处,谢谢合作!
标签:
  • 实例
  • 属性
  • 代码
  • 教程
  • 自动
  • 换行
  • word-wrap