CSS实现强制换行的解决方法
原文中文,约1300字,阅读约需3分钟。发表于: 。强制换行用white-space的normal,pre-wrap,pre-line换行,即使有overflow: hidden; text-overflow: ellipsis;也不影响换行。 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 html 中的 <pre>...
文本换行可以使用white-space属性的normal、pre-wrap、pre-line来实现,即使有overflow: hidden; text-overflow: ellipsis;也不影响换行。可以通过设置white-space属性为nowrap来强制不换行,设置word-wrap属性为break-word和word-break属性为normal来实现自动换行,设置word-break属性为break-all来强制英文单词断行。在CSS中,可以使用overflow:hidden和white-space:normal来设置不转行,使用word-break属性来设置强行换行。在解决IE的框架被英文撑开的问题时,可以在body中加入word-break: break-all。word-break属性的取值有normal、break-all和keep-all,分别表示依照亚洲语言和非亚洲语言的文本规则允许在字内换行、允许非亚洲语言文本行的任意字内断开、不允许字断开。