CSS怎么强制换行

本篇内容主要讲解“CSS怎么强制换行”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS怎么强制换行”吧!

创新互联长期为上千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为龙圩企业提供专业的网站设计、成都做网站龙圩网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

代码如下:

width: 200px; /* 必须定义宽度根据需求设置,可设置百分百 */ word-break: break-word; /* 文本行的任意字内断开 */ word-wrap: break-word; /* IE */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

需要强制换行的对象加上以上代码即可。其实兼任各大浏览器,考虑几大浏览器兼容换行,解决连续不空格的数字、字母太多后定格右边不换行方法。

到此,相信大家对“CSS怎么强制换行”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网页名称:CSS怎么强制换行
文章转载:http://myzitong.com/article/peoicj.html