通过div样式控制单元格文本超长省略
通过我们在单元格中显示文本时，若内容过多而导致换行或撑宽单元格，下面是我在网上找的一个解决方法，共享一下，希望对大家有用：
代码如下：
|
<table> <tr> <td> <div style="width: 100px; height: 18px; border: 0px;overflow:hidden; padding:3px 2px 0px 2px; text-overflow:ellipsis"> <nobr title='这里放置要显示的文本'> 这里放置要显示的文本 </nobr> </div> </td> </tr> </table> |
效果如下：
若在GridView的绑定列中可使用以下方式：
|
<asp:TemplateField HeaderText="显示列名"> <ItemStyle Width="130px" /> <ItemTemplate> <div style="width: 100px; height: 18px; border: 0px;overflow:hidden; padding:3px 2px 0px 2px; text-overflow:ellipsis"> <nobr title='<%#Eval("绑定列名")%>'> <%#Eval("绑定列名")%> </nobr> </div> </ItemTemplate> </asp:TemplateField> |
如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛
