问题
带有文本溢出的元素,在Safari浏览器下会被添加title提示框
原因
title提示是WebKit核心的一部分,但默认情况下它处于关闭状态.只有Safari会覆盖它并启用了该行为
解决方法
在文本溢出的元素前面添加一个空块元素
.test{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:50px;
}
.test::before {
content: '';
display: block;
}