Overflow in DIV by wrapping not scrollbars

tags:

css
html

views:

answers:

Overflow in DIV by wrapping not scrollbars

Given a DIV with a fixed width, is there a way to have it use as much vertical space as it needs by wrapping the content (which is plain text)? The CSS "overflow" property provides for scrollbars (overflow:scroll) and chopping content (overflow:hidden) but that's not what I want.

Help? Thanks

+2 A:

Yeah. Just leave it alone. It will resize to the content vertically just fine. Your page might get a scrollbar, though.

Robusto 2010-03-19 19:51:41

Make sure you've removed any explicit height that you may have set, too. You will want a height of "auto," the default.

ajm 2010-03-19 20:00:31

Nope, it doesn't work. With only "width:300px" set, the content overflows the div instead of wrapping. The DIV is in a TD, does that make a difference?

VANJ 2010-03-19 20:07:39

@VANJ: Uh, yeah, that can make a difference. Why don't you post a link or some code?

Robusto 2010-03-19 20:19:47

@Robusto - Yikes, there was a TD somewhere in the markup with "nowrap" set. Getting rid of that and adding "white-space:normal" to the DIV did what I wanted. Thanks!

VANJ 2010-03-20 15:18:02

ansaurus

tags:

views:

answers:

Overflow in DIV by wrapping not scrollbars

related questions