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+以及Chrome和Safari等WebKit浏览器支持

word-wrap。

Answer 2

您可以尝试在溢出设置为隐藏或滚动

的div中包装您的电子邮件地址

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

HTML表格列宽问题

2 个答案: