Est-il possible d'utiliser text-overflow: ellipsis sur un élément de bouton?

Je ne suis pas sûr de savoir si il est possible d'utiliser les text-overflow: ellipsis; style sur un <button> élément. Voici ma tentative: http://jsfiddle.net/WilsonPage/tK727/

InformationsquelleAutor wilsonpage | 2012-03-28
  1. 44

    En raison de limitations dans les navigateurs, envelopper le texte du bouton à l'intérieur par exemple, un span élément et de définir les styles sur elle. Exemple (disponible comme jsfiddle trop):

    <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>
    • Les travaux de cette. Juste un petit commentaire: je suggère d'utiliser un div au lieu d'un span élément, vous pouvez omettre display: block.
    InformationsquelleAutor Jukka K. Korpela
  2. -2

    ya son possible & je l'ai testé sur les principaux navigateurs ainsi que son travail à

    vous pouvez voir la démo:-http://jsfiddle.net/tK727/2/

    vous pouvez lire plus au sujet du texte de dépassement de la propriété

    • Testé sur chrome aussi? Vous pouvez regarder au-dessous de la réponse.
    • Cela ne fonctionne pas dans Chrome, la durée de suggestion fonctionne sur tous les navigateurs
    • ce doit être supprimé, il ne fonctionne pas dans webkit
    • son travail ici, dans mon webkit @drogon....
    InformationsquelleAutor Shailender Arora
  3. -3

    Oui, il est. Ton exemple fonctionne parfaitement! 🙂

    • Pas dans mon navigateur (Chrome 17)
    • Pas dans WebKit (Chrome, Safari).
    • Bug est ici en Chrome 19 (Canaries) trop.
    • sa fonctionne très bien sur mon mac web kit de navigateurs que j'ai testé sur elle
    • Chrome 17.0.963.83 sur Mac OS fonctionne assez bien.
    InformationsquelleAutor Andreyco