comment définir la largeur de la div est exactement la largeur du mot dans ce

Question

c'est la démonstration: http://jsfiddle.net/KwYjr/10/

comment définir la largeur de la div bleu est exactement la largeur du mot

grâce

Answer 1

css:

display:inline; 

Answer 2

Je ne sais pas comment obtenir la largeur d'un mot, mais ce que vous pouvez faire est de définir une taille fixe pour les lettres, qui facilement vous la largeur de chaque lettre e en vous donne la largeur des mots. Ensuite, mesurez la largeur de la div avec Javascript:

document.getElementById("thediv").style.width; 

Est-ce ce que vous vouliez faire?

Answer 3

Envisagez d'utiliser <span>. ils n'ont pas de formatage et devraient donc vous aider à emballer ou quoi que vous essayiez.

EDIT: span sont les meilleurs/par défaut pour faire des choses "en ligne". Les div sont des éléments de bloc par défaut.

Answer 4

réglage de la div pour afficher en ligne fera la div la largeur exacte:

display: inline; 

cependant d'essayer ceci sur votre échantillon le panneau draggable passe ensuite à gauche et à droite. si vous voulez toujours maintenir le même en mouvement vers le bas, vous devez l'envelopper dans un autre div puis mettre la div en ligne à l'intérieur comme:

<div id="a" style="position:absolute;width:200px;height:200px;background:red;word-wrap:break-word;"> 
    <div id="b"><div style="background:blue; display: inline;">sssssssss</div></div> 
</div> 

Answer 5

Je mis à jour votre Fiddle pour démontrer les réponses.

Answer 6

Réglage de la largeur de l'auto

http://jsfiddle.net/ozzy/KwYjr/24/

ou

http://jsfiddle.net/ozzy/KwYjr/25/