How To Wrap Text With CSS

karthi0677

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

</head>
 
<body>

<table width="777" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td>gdgdgdfgdf</td>

    <td style="clear:right">gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</td>

  </tr>

</table>

</body>

</html>

How can i able to arrange this text to wrap using css. Anyone help me pls

AricC

Trying using word-wrap: break-word

drhowarddrfine

word-wrap? What's that?

You have to play with the width of table and the width of the rows and cells.

KevinADC

word-wrap

seems that only IE supports it, or it did when the above resource was written.

drhowarddrfine

Then it is worthless. Do not use it.

karthi0677

Quote:

Originally Posted by KevinADC

word-wrap

seems that only IE supports it, or it did when the above resource was written.

Thanks for the suggestion. It works with <div> and <p> but if i use inside table word is not wrapping.

Any suggestions pls

KevinADC

it seems to work if you define the properties in the TD cell:

<td style="word-wrap: break-word" width="100">

karthi0677

Quote:

Originally Posted by KevinADC

it seems to work if you define the properties in the TD cell:

<td style="word-wrap: break-word" width="100">

Thank you very much it works fine.

drhowarddrfine

Again, a reminder, that word-wrap does nothing for any other browser.

AricC

Quote:

Originally Posted by drhowarddrfine

Again, a reminder, that word-wrap does nothing for any other browser.

Huh, I should have checked the compatible browsers sorry karthi.

ismailc

Quote:

Originally Posted by KevinADC

it seems to work if you define the properties in the TD cell:

<td style="word-wrap: break-word" width="100">

Hi,

I am struggling with the same problem using Coldfusion 5 where I want to cut off the text and not allowing for text wrap in my column.

<td style="word-wrap: break-word" width="100" align="left">#test#<td>

I used the previous example but unfortunately it does not work.

Any help please!

Thank You

drhowarddrfine

Change everything in style to style="width:100px"

ismailc

Quote:

Originally Posted by drhowarddrfine

Change everything in style to style="width:100px"

Thank You it worked :-)

KevinADC

You don't want the text to wrap?

<td nowrap>text</td>

there might be a CSS equivalent to the nowrap attribute. Note that nowrap is a stand alone attribute, there is no "=value" part.

elgreg

Quote:

Originally Posted by KevinADC

You don't want the text to wrap?

<td nowrap>text</td>

there might be a CSS equivalent to the nowrap attribute. Note that nowrap is a stand alone attribute, there is no "=value" part.

According to w3.org "nowrap" is deprecated. You should be using <td style="white-space:nowrap;">Cell Contents</td> I've found this to work in both IE6 and FF 2.x without having to specify a column width.

navink

<td style="WORD-BREAK:BREAK-ALL;"> here is ur data </td>

let me know... :)

Dormilich

if you have long words you can also use the soft hyphen ( or ).

drhowarddrfine

Quote:

Originally Posted by navink

<td style="WORD-BREAK:BREAK-ALL;"> here is ur data </td>

let me know... :)

Wonderful. Another non-existent solution with a non-existent property to a 2-year old thread.

Actually, that property now exists in CSS3 but it's not supported by any browser.

How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

re: How To Wrap Text With CSS

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about