TD不换行也不会被撑大的方法收藏

  TD不换行也不会被撑大的方法 

--------------------------------------------------------------------------------

设置一下Style：
1、TABLE：table-layout : fixed
2、TD：word-break : keep-all; overflow: hidden
--------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<TABLE style="border:#949495 1px solid;table-layout : fixed">
<TR>
 <TD width="100px" style="word-break : keep-all; overflow: hidden;">TD不换行也不会被撑大的方法</TD>
 <TD >BBB</TD>
 <TD>CC</TD>
 <TD>DD</TD>
 <TD>EE</TD>
 <TD>FF</TD>
</TR>
<TR>
 <TD>GG</TD>
 <TD>HHH</TD>
 <TD>II</TD>
 <TD>QQ</TD>
 <TD>WW</TD>
 <TD>RR</TD>
</TR>

</TABLE>
</BODY>
</HTML>

1、给<table>加上style="table-layout:fixed"；
2、给<td>加上style="width:100px;text-overflow:ellipsis; word-break:keep-all; overflow:hidden;"
js生成TABLE cell的时候，cell里文字过多的时候似乎以上方法也不太好用。可以直接这样：
cell.innerHTML="<nobar>"+"文字"+"</nobar>";
强制不换行。