CSS开发过程中经常会遇到一些问题,例如CSS溢出与换行等问题。今天华清远见CSS开发技术频道就为您详细介绍一下CSS溢出与换行该如何处理。
一、溢出处理
1、处理空白
文本过长,在容器内显示不下的时候,是否要换行
属性 :white-space : normal / nowrap
normal : 采用浏览器默认设置
nowrap : 不换行
2、文本溢出
溢出后的处理方式,若是想隐藏溢出的内容,可以考虑使用该属性。
注意:该属性必须与 overflow:hidden 联用
属性: text-overflow
取值:
1、clip ,裁减,拦腰截断
2、ellipsis,通过 ... (省略号)来表示未显示的内容
例如:
二、换行
注意:只对英文有效
1、长单词换行
word-wrap :
normal : 默认,采用浏览器默认形式,不破坏单词结构
break-word : 破坏单词的结构
2、文本换行
word-break:
取值:
normal:
break-all : 破坏单词结构进行换行
keep-all : 在半角状态下的空格下进行换行
热点新闻
前端开发技术库