39 votes

Insérer le texte dans les éléments / boutons de la liste au lieu de masquer le débordement

J'essaie de remplacer le comportement par défaut des éléments de liste et des boutons dans jQuery Mobile, qui contient du texte qui ne tient pas sur une ligne en tant que débordement masqué.

Si vous affichez ceci sur une fenêtre de navigateur maigre ou sur un iPhone, vous verrez ce que je veux dire: http://m.gizmag.com

J'aimerais pouvoir insérer le texte dans les balises h3 et p de chaque élément de la liste sur de nouvelles lignes.

Merci d'avance!

69voto

Derek Kalweit Points 792

Essayez de définir un style de white-space:normal pour les éléments.

Je viens de faire cela avec un élément anchor ( <a> ) à l'intérieur d'un li style liste de diffusion JQuery Mobile, et le texte a été enveloppé comme prévu. J'ai utilisé les outils de développement de Chrome pour déterminer d'où venaient les attributs CSS et je les ai modifiés de manière interactive pour les adapter à mon goût.

- Derek

7voto

enkash Points 61

Si possible, l'enfermer dans un <div> rendra également enveloppant. (Mais trouver la solution appropriée et déclarer white-space:normal est la solution la plus appropriée)

Source: http://forum.jquery.com/topic/list-items-are-truncating-text-is-there-a-way-around-thound

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X