文字换行

简介: 一般的元素都有设置自动换行的自动换行: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相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法

目录
相关文章
|
4月前
LaTeX 实现表格内换行
LaTeX 实现表格内换行
899 1
|
10月前
|
前端开发
css实现强制不换行/自动换行/强制换行
css实现强制不换行/自动换行/强制换行
文本单行省略号+多行出现省略号
文本单行省略号+多行出现省略号
html+css实战11-换行和水平线标签
html+css实战11-换行和水平线标签
190 0
html+css实战11-换行和水平线标签
UI文字换行的三种方法
UI文字换行的三种方法
309 0
|
小程序
小程序填充文本怎么换行
小程序填充文本怎么换行
128 0
|
Web App开发 前端开发