Wie kann ich die Größe dynamisch ein DIV-element Breite zu passen, dessen text-Inhalt?

Lassen Sie uns sagen, dass ich diese HTML-code-snippet:

<div id="container">
<div id="textContent">Text Content Te</div>
<div id="anotherText">Another Text Content</div>
</div>

Original-HTML-Ausgabe http://img26.imageshack.us/img26/1571/beforeeffect.gif

Frage ich mich, wie konnte ich dynamisch die Größe der div's textContent Breite, so dass es passt seine text-Inhalte schön (weder der text wird Verpackung noch scrollen noch abgeschnitten).

Gewünschte HTML-Ausgabe http://img26.imageshack.us/img26/5851/desiredeffect.gif

Ich bin offen für jede Lösung, die mit Hilfe von CSS und/oder JavaScript.

  • Sie möchten ein div-Element ohne horizontale scroll-Balken??
  • gefloateten Elemente shrink-wrap-wenn es das ist, was Sie brauchen, es ist nicht klar, was du meinst, wenn du nicht wickeln, auch wenn Sie dies tun wollen, indem Sie die CSS-oder JS.
  • Danke für dein feedback. Ich bearbeitet die Frage, um deutlicher zu sein mit dem, was ich erreichen will. Kein scrollen und ich bin offen für CSS-oder JS-Lösung (aber ich bin froh zu Wundern, wenn es getan werden könnte, per CSS vollständig).
InformationsquelleAutor Nordin | 2009-05-11
Schreibe einen Kommentar