-webkit-line-clamp
-webkit-line-clamp 对于块容器的内容设置指定的行数;
只有同时将display: -webkit-box(or -webkit-inline-box);
-webkit-box-orient: vertical才可以.
大部分情况下,还需要设置overflow:hidde,否则,指定的行数后显示了省略号,
但是后面的内容也显示出来了;
当应用在a元素上,文本可能会截断,而不是在文字末尾显示省略号;
In this example the -webkit-line-clamp
property is set to 3
, which means the text is clamped after three lines.
An ellipsis will be shown at the point where the text is clamped.
-webkit-text-stroke
文字描边
-webkit-touch-callout
当触摸一个目标位置时,控制默认展示的内容;
当在ios上触摸时Safari显示的是链接的信息;-webkit-touch-callout:none可以禁止显示;
-webkit-tap-highlight-color
点击元素高亮显示的颜色