【css】css文本换行与溢出显示为省略号

时间 2019-11-09

标签 css 文本换行溢出显示省略号栏目 CSS 繁體版

原文原文链接

1 强制换行css

word-wrap: break-word;

2 单行文本溢出时显示为省略号android

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

+width,height根据须要设定

3 多行文本溢出时显示为省略号ios

（仅webkit内核支持，手机端可尝试，android和ios默认浏览器都为webkit内核，微信浏览器也为webkit内核）web

display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

最后一个-webkit-line-clamp属性为指定溢出的行数