前端胖籽 | 自动换行与溢出隐藏实例
css3除了其实除了平时常用的属性,也是有很多属性是我们很少知道,但也很实用的溢出隐藏 或者自动换行,有下面两种处理方式:
CSS3 word-break 属性
word-break 属性规定自动换行的处理方法。
word-break: normal|break-all|keep-all;
normal | 使用浏览器默认的换行规则。 |
break-all | 允许在单词内换行。 |
keep-all | 只能在半角空格或连字符处换行。 |
demo效果:
demo代码:
给外层元素添加给外层元素添加overflow和 text-overflow
代码如下
效果如下
如果您觉得我们的内容还不错,就请转发到朋友圈,和小伙伴一起分享吧~