通过div样式控制单元格文本过长省略

发布时间：2018-08-30 18:52 所属栏目：30 来源：站长网

导读：通过我们在单元格中显示文本时，若内容过多而导致换行或撑宽单元格，下面是我在网上找的一个解决方法，共享一下，希望对大家有用：代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]table tr td div style=width: 100px; height: 18px; border

通过我们在单元格中显示文本时，若内容过多而导致换行或撑宽单元格，下面是我在网上找的一个解决方法，共享一下，希望对大家有用：

代码如下：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <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的绑定列中可使用以下方式：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <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>

（编辑：ASP站长网）