Page 1 of 1
limit width of text in HTML
Posted: Fri Jan 29, 2010 2:58 pm
by Peter_w
Hello,
How can I limit the width of text in HTML.
I tried
But it doesn't do it
Re: limit width of text in HTML
Posted: Fri Jan 29, 2010 3:38 pm
by chris
You can use
Code: Select all
<p style="max-width:200px;">text</p>
or just
But it won't convert the newlines to breaks likes <pre> does.
Re: limit width of text in HTML
Posted: Fri Jan 29, 2010 7:12 pm
by Peter_w
No that doesn't work either.
It's the really long words that are the problem, for example, a lot of b's:
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
How do I make it split in several parts?
Edit:
there are actually more b's then you can see here.
the board stops showing them,
But I want them all, but split over several lines.
Thanks
Re: limit width of text in HTML
Posted: Fri Jan 29, 2010 10:04 pm
by chris
Well,
the board uses CSS -> overflow: hidden.
Example:
Code: Select all
<div style="width=200;overflow:hidden;">text</div>
You might want to use
scroll instead
Code: Select all
<div style="width=100%;overflow:scroll;">text</div>
text-overflow in CSS3 seams to be promising, but it isn't supported by many browsers yet
I don't know a way in HTML or CSS to split words.
If you really want to do it, it's best you do it on the server before sending the HTML page.
Like the function wordwrap in PHP:
Code: Select all
$newtext = wordwrap($text, 20, "<br />\n");
Re: limit width of text in HTML
Posted: Mon Feb 01, 2010 4:58 pm
by chris
I did a few test and the width=100% only works well in opera.
Internet Explorer and firefox seam to have problems with it.
To be sure use absolute value's:
Code: Select all
<div style="width=600;overflow:scroll;">text</div>