jquery mobile bouton texte auto saut de ligne

Question

Je veux que le texte dans mon bouton fasse un saut de ligne automatique quand il atteint la fin du bouton. Quand je nous le style mobile jquery normal, il tronque mon texte et place trois points comme ici: here

je l'ai trouvé un peu workarround que ces points ne se présentent pas comme ici (espace blanc: normal ne fonctionne pas pour moi) here

a une idée de comment je peux le faire faire des sauts de ligne automatiques?

Answer 1

Vous ne pouvez pas rompre un seul mot dans < CSS3 mais il y a un nouveau mot-clé css dans CSS3 appelé word-break qui vous permet de le faire. Cela ne fonctionnera évidemment que dans les navigateurs CSS3.

Donnez votre bouton une classe css, si vous voulez que cela s'appliquer uniquement à un seul bouton, comme:

<a data-role="button" class='myButton'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a> 

Ensuite, créez un style css comme ceci:

.myButton 
{ 
    word-wrap: break-word !important; 
    white-space: normal !important; 
} 

Cette volonté Puis enveloppez le mot dans la largeur spécifiée du bouton.

Voici une mise à jour jsFiddle example à démontrer.