Можно ли использовать текстовое переполнение: многоточие на элемент кнопки?

Я не уверен, можно ли использовать стиль text-overflow: ellipsis; для элемента <button>. Вот моя попытка: http://jsfiddle.net/WilsonPage/tK727/

Ответы

Ответ 1

Из-за ограничений в браузерах, оберните текст кнопки внутри, например. a 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>

Ответ 3

Да, это так. Ваш пример отлично работает!:)