css扩展（1）（文字溢出与图片间距解决）

css扩展（1）（文字溢出与图片间距解决）

一、文字溢出

1、word-break:自动换行

(1)     break-all：允许在单词内换行。

(2)     keep-all：只能在半角空格或连字符处换行。

(3)     注意：主要处理英文单词

2、多余的部分显示省略号

(1)     white-space：nowrap   强制在同一行内显示所有文本

(2)     overflow:hiidden  多余的内容隐藏掉

(3)     text-overflow: ellipsis;  溢出的部分显示省略号

(4)     注意：三个属性同时使用才有效果（顺序也不能换）

3、强制一行显示文本 white-space:  nowrap

强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。

二、图片在同一行间距问题

当几张图片在同一行时，没张图片之间都有间距 对父元素使用font-size：0；解决。