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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/217069.html

猜你在找的CSS相关文章