前端胖籽 | 自动换行与溢出隐藏实例

css3除了其实除了平时常用的属性，也是有很多属性是我们很少知道，但也很实用的溢出隐藏 或者自动换行，有下面两种处理方式：

CSS3 word-break 属性

 

word-break 属性规定自动换行的处理方法。

word-break: normal|break-all|keep-all;

normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

 

 

demo效果：

demo代码：

 

给外层元素添加给外层元素添加overflow和 text-overflow

 

代码如下

 

效果如下

 

 

如果您觉得我们的内容还不错，就请转发到朋友圈，和小伙伴一起分享吧~