Можно ли использовать текстовое переполнение: многоточие на элемент кнопки?
Я не уверен, можно ли использовать стиль 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>
Ответ 2
ya его возможно, и я тестировал основные браузеры, а также его рабочие
вы можете увидеть живое демо: - http://jsfiddle.net/tK727/2/
вы можете больше узнать о свойствах переполнения текста
Ответ 3
Да, это так. Ваш пример отлично работает!:)