文字换行

简介: 一般的元素都有设置自动换行的自动换行:word-wrap: break-word;word-break: normal;强制不换行:white-space:nowrap;CSS设置不转行:overflow:hidden 隐藏white-space:normal 默认 //***pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象设置强行换行word-break:normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all :  该行为与亚洲语言的normal相同。
一般的元素都有设置自动换行的自动换行:
word-wrap: break-word;
word-break: normal;

强制不换行:
white-space:nowrap;

CSS设置不转行:
overflow:hidden 隐藏
white-space:normal 默认 //***
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象

设置强行换行
word-break:
normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法

目录
相关文章
Excel如何使文字换行alt + enter
Excel如何使文字换行alt + enter
|
前端开发
css实现强制不换行/自动换行/强制换行
css实现强制不换行/自动换行/强制换行
|
前端开发 程序员
小细节:盒模型里面连续输入英文和数字不会自动换行,汉字会自动换行
小细节:盒模型里面连续输入英文和数字不会自动换行,汉字会自动换行
119 0
文本单行省略号+多行出现省略号
文本单行省略号+多行出现省略号
UI文字换行的三种方法
UI文字换行的三种方法
343 0
|
小程序
小程序填充文本怎么换行
小程序填充文本怎么换行
148 0
|
Web App开发 前端开发
|
前端开发
CSS截取字符串,多余文字用省略号显示
line-height: 30px; text-align: center; text-overflow:ellipsis;/*让超出的用.
1583 0