您的位置：首页 > Web前端 > CSS

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

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

代码如下：

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航