黑夜的狼

沮丧吗，那就是一种无病呻吟!留恋它就是一种高度近视!目光应该放得更远一点! 别不想飞，只是要一步跨过太平洋！
  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
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>"; 
强制不换行。
posted on 2011-03-01 22:56  anncesky  阅读(860)  评论(0)    收藏  举报