2011-12-01 92 views
3

我有一个宽度为100%的桌子(适合屏幕),其中有3 <td>。在第二个<td>我有这样的一些内容addfdss212s1ssff54f5df4d54s54dsf64dsfsadjvmckjsadkjkdflsadfkksdalasdflsdfkasd6f465,这个内容不包含任何空间。我给第二个<td>给出了70%的宽度,但是当内容的字符增加时,第二个<td>扩大并且布局受到干扰。在CSS的帮助下,可以在70%的宽度上将下一行的字符增加到什么程度? (见代码见下)。如何获取表格数据内容到下一行?

<table width=”100%”>

<tr>

<td width=”10%”>Result1</td>

<td width=”70%”>addfdss212s1ssff54f5df4d54s54dsf64dsfsaDjvmckjs adkjkdflsadfkksdalasdflsdfkasd6f465 </td>

<td width=”20%”>Comments</td>

</tr>

</table>

回答

5

尝试:

<table style="table-layout: fixed"> 
<tr><td style="word-wrap:break-word">LongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongWord</td></tr> 

来源:https://stackoverflow.com/a/1883702/585552

+0

谢谢。问题修复。 – RoyalEnfy

1

我想你可能寻找的规则是:

word-wrap: break-word; 
+0

它的工作原理,但你必须把'table-layout:fixed'这个样式放到table标签中。按照我的惯例。 – RoyalEnfy

相关问题