Javascript safari中正在剪裁溢出的按钮文本

我有一个简单的按钮标签，我特别希望文本溢出按钮。 除了Safari（ios和osx）在按钮边界处剪辑文本外，这在当前浏览器中运行良好

按钮，
.按钮{
宽度：100px；
溢出：可见；
空白：nowrap；
文本溢出：“剪辑”；
文本对齐：左对齐；
-webkit外观：无；
背景：无；
边界：无
}

非常长的文本非常长的文本非常长的文本此剪辑在Safari中
非常长的文本非常长的文本非常长的文本溢出了

，所以最终我找到了解决方法

如果我将文本包装在一个span中，然后将span设置为position:relative，则溢出的文本将正确显示，而不会被剪裁

---

还要注意上面关于使用文本溢出的建议：剪辑错误，对此没有影响，文本溢出：“”有效。

这解决了我的问题。谢谢你的发帖*唉，Safari…人们为什么要用它Pso很明显，答案是将被剪裁的元素设置为

位置：relative

，这样就不会再发生了。