css – 可以在按钮元素上使用文本溢出：省略号吗？

我不确定是否可以使用text-overflow：省略号; <按钮>上的样式元件.这是我的尝试： http://jsfiddle.net/WilsonPage/tK727/

解决方法

由于浏览器的限制,将按钮文本包含在例如一个span元素并设置其上的样式.示例(可用作 jsfiddle)：

<style>
.buttontext {
  width: 95px;
  overflow: hidden;
  white-space: Nowrap;
  display: block;
  text-overflow: ellipsis;
}​
</style>
<button><span class="buttontext">Very long text Very long text
Very long text</span></button>

原文地址：https://www.jb51.cc/css/217069.html