通過div樣式控制單元格文本超長省略
通過我們在單元格中顯示文本時，若內(nèi)容過多而導致?lián)Q行或撐寬單元格，下面是我在網(wǎng)上找的一個解決方法，共享一下，希望對大家有用：
代碼如下：
|
<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> |
如對本文有疑問，請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會為你解答?。?點擊進入論壇
