当前位置: IT培训 > HTML5培训 > 前端开发 > CSS > CSS开发教程之css溢出与换行该如何处理
CSS开发教程之css溢出与换行该如何处理 时间:2017-06-06     来源:CSS开发小赢家

CSS开发过程中经常会遇到一些问题,例如CSS溢出与换行等问题。今天华清远见CSS开发技术频道就为您详细介绍一下CSS溢出与换行该如何处理。

一、溢出处理

1、处理空白

文本过长,在容器内显示不下的时候,是否要换行

属性 :white-space : normal / nowrap

normal : 采用浏览器默认设置

nowrap : 不换行

2、文本溢出

溢出后的处理方式,若是想隐藏溢出的内容,可以考虑使用该属性。

注意:该属性必须与 overflow:hidden 联用

属性: text-overflow

取值:

1、clip ,裁减,拦腰截断

2、ellipsis,通过 ... (省略号)来表示未显示的内容

例如:

CSS开发教程

二、换行

注意:只对英文有效

1、长单词换行

word-wrap :

normal : 默认,采用浏览器默认形式,不破坏单词结构

break-word : 破坏单词的结构

2、文本换行

word-break:

取值:

normal:

break-all : 破坏单词结构进行换行

 

keep-all : 在半角状态下的空格下进行换行

CSS开发教程

X