Question

<table width="825" border="0" cellspacing="1" class="tableLines1" cellpadding="0">
   <tr>     
       <td align="left" valign="middle">Account / BIC</td>
       <td align="left" valign="middle">Name</td>
       <td align="left" valign="middle">Email Address</td
   </tr>
   <tr> 
       <td ><%=Data.getAccount())%></td>
       <td ><%=Data.getName())%></td>
       <td width="250px"><%=Data.getEmailAddress())%></td>
   </tr>
</table>

I have the following table. This data object get populated from database. The problem is when email address gets bigger the width of table also increases. For example

emailAddress = [e-mail], [e-mail], [e-mail]dddddddddddd

then html intelligently breaks it from spaces and make three two rows like this.

[e-mail], [e-mail], 
[e-mail]dddddddddddd

but what i want is that if emailAddress size increases a certain value table size i.e column width should remain constant.

[e-mail], [e-mail], 
[e-mail]d
ddddddddddd

To be more specific i want the data to be displayed as shown above!

Can anyone please guide me. Thanks !

Edited : I want html to intelligently decide the column widths itself. Just not itself increase the table width from the specified value !

Answer 1

Use this CSS rule: word-wrap: break-word;

break-word means the text will wrap to next line.

word-wrap is supported in IE 5.5+, Firefox 3.5+, and WebKit browsers such as Chrome and Safari.