Có thể sử dụng tràn văn bản: dấu ba chấm trên phần tử nút không?

Question

Tôi không chắc chắn liệu có thể sử dụng kiểu text-overflow: ellipsis; trên một yếu tố <button> hay không. Đây là nỗ lực của tôi: http://jsfiddle.net/WilsonPage/tK727/

Answer 1

Vâng, đúng vậy. Ví dụ của bạn đang hoạt động hoàn hảo! :)

Answer 2

ya nó có thể & tôi đã thử nghiệm trên các trình duyệt chính cũng như làm việc của nó

bạn sẽ nhìn thấy bản demo trực tiếp: -http://jsfiddle.net/tK727/2/

you can read more about text-overflow property

Answer 3

Do những hạn chế trong các trình duyệt , bọc văn bản nút bên trong ví dụ một yếu tố span và đặt kiểu trên đó. Ví dụ (có sẵn là jsfiddle quá):

<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>