软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 通过div样式控制单元格文本过长省略

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

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

代码如下:

Copy to ClipboardLiehuo.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 ClipboardLiehuo.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>
    相关阅读
    网友评论
    栏目导航
    推荐软件