td 强制不换行且 当超过td width 自动隐藏

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>"; 
强制不换行。

另一种方法

  <table   border=1   width=100>   
      
<tr><td><div   nowrap  style="width:100;overflow:hidden;">very loooooooooooooooooooooooooooooooong sentence</div></td></tr>   
      
<tr><td><div   nowrap  style="width:100;overflow:hidden;">very loooooooooooooooooooooooooooooooong sentence</div></td></tr>   
      
<tr><td><div   nowrap  style="width:100;overflow:hidden;">very loooooooooooooooooooooooooooooooong sentence</div></td></tr>   
      
<tr><td><div   nowrap  style="width:100;overflow:hidden;">very loooooooooooooooooooooooooooooooong sentence</div></td></tr>   
  
</table>

你可能感兴趣的:(width)