我爱学习网首页 | 设为首页 | 收藏本站 | 网站地图 您好,欢迎光临我爱学习网
我爱学习网

当前位置:首页 > 编程开发 > php > php入门教程 >

CSS实现英文强制不换行,自动换行,强制换行的css代码

时间:2017-04-06 08:49 来源:未知 | 作者:我爱学习网 | 本文已影响
我们在进行html开发时,特别是遇到一长串的英文时,它不能自动换行,直接一行显示,非常影响视觉,下面给大家分享下CSS分别实现英文强制不换行,自动换行,强制换行的方法:

1、强制不换行 
p { white-space:nowrap; } 
 
2、自动换行

p { word-wrap:break-word; word-break:normal; }
 
3、强制英文单词断行

p { word-break:break-all; } 
*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。如:

span { display:block; }

(责任编辑:我爱学习网)

更多技巧文章请关注公众号:huixiang_360


分享到: 更多