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;解决。