HTML表格列寬問題

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>

我有下表。 該數據對象從數據庫中填充。 問題是，當電子郵件地址變大時，表的寬度也會增加。 例如

emailAddress = lolol@ghgg.fdg, jjjjjjoj@hiuh.com, jojo@hsc.comddddddddddddddddddddddddddddddddd

然后html巧妙地將其從空格中斷開，並像這樣制作三行兩行。

lolol@ghgg.fdg, jjjjjjoj@hiuh.com, 
jojo@hsc.comddddddddddddddddddddddddddddddddd

但是我想要的是，如果emailAddress的大小增加了某個值表的大小，即列寬應保持恆定。

lolol@ghgg.fdg, jjjjjjoj@hiuh.com, 
jojo@hsc.comdddddddddddddddddddddd
ddddddddddd

更具體地說，我希望數據顯示如上所示！

誰能指導我。 謝謝 ！

編輯：我想HTML智能地決定列寬度本身。 只是本身不能從指定的值增加表的寬度！

Answer 1

使用以下CSS規則： word-wrap: break-word;

break-word意味着文本將換行到下一行。

IE 5.5 +，Firefox 3.5+和WebKit瀏覽器（例如Chrome和Safari）均支持word-wrap 。

Answer 2

您可以嘗試將電子郵件地址包裝在div中，並將溢出設置為隱藏或滾動

<td width="250px"><div style="overflow:hidden; width:100%"><%=Data.getEmailAddress())%></div></td>