Comment puis-je obtenir un long texte dans un DIV plus petit, en s'encastrant dans une nouvelle ligne si nécessaire?

Je peux adapter le texte à l'intérieur de la div?Comment puis-je obtenir un long texte dans un DIV plus petit, en s'encastrant dans une nouvelle ligne si nécessaire?

<div> 
Hello! This a long text, but I'd like it to fit the div's width 
</div>

Jusqu'à présent, j'ai utilisé max-width: 100px, attendant que le texte soit enveloppé d'une nouvelle ligne. Mais, ce que j'ai obtenu jusqu'ici est un long texte apparaissant au-dessus de son containet et remplissant trop d'autres récipients.

Il semble que l'utilisation de la largeur maximale ne suffit pas.

Merci pour aider

Source

2010-11-29 Richard77

Si vous utilisez   caractères au lieu d'espaces, la ligne débordera.

Vérifiez également si le white-space attribute est réglé sur "normal" et non sur "nowrap".

Source

2010-11-29 16:12:48 nhilae

J'ai réglé l'espace blanc à la normale et cela a fonctionné. Merci. – Richard77

width:100px; devrait le faire, selon les autres propriétés sont définies sur la div.

Source

2010-11-29 15:56:50

voici le jsfiddle http://jsfiddle.net/vCcGU/ – kjy112

me semble bien ... J'ai ajouté une bordure pour le rendre clair. http://jsfiddle.net/nathan/vCcGU/1/ Si cela ne fonctionne pas pour vous, quel navigateur utilisez-vous? –

Je suppose que cela a à voir avec les autres paramètres ci-dessus div. En fait, ce div est situé à l'intérieur d'un li/ul/qui est situé à l'intérieur d'un onglet Jquery-ui, qui est finalement situé à l'intérieur d'un div flotté. Je suppose que je dois aller à travers tout cela pour trouver pourquoi les choses ne se passent pas comme prévu. – Richard77

Comment puis-je obtenir un long texte dans un DIV plus petit, en s'encastrant dans une nouvelle ligne si nécessaire?

Répondre

Questions connexes