Safari浏览器文本溢出自动添加提示的问题

问题

带有文本溢出的元素,在Safari浏览器下会被添加title提示框

原因

title提示是WebKit核心的一部分,但默认情况下它处于关闭状态.只有Safari会覆盖它并启用了该行为

解决方法

在文本溢出的元素前面添加一个空块元素

.test{
		text-overflow: ellipsis;
		white-space: nowrap; 
		overflow: hidden;
		width:50px;
	}
.test::before {
  content: '';
  display: block;
}

猜你喜欢

转载自blog.csdn.net/weixin_42215897/article/details/125293528