GridView的单元格在内容显示超过长度的时候用省略号 ......

最新推荐文章于 2024-03-20 17:38:36 发布

转载最新推荐文章于 2024-03-20 17:38:36 发布 · 3.9k 阅读

标签

#css #asp #div #ie

收录于

本文介绍如何通过CSS设置文本显示为省略号，并使用ToolTip在鼠标悬停时显示完整文本。具体步骤包括设置样式类、在GridView中应用模板列和CSS类，以及解决特定浏览器下的兼容性问题。

From: http://blog.csdn.net/single_killer/article/details/7101901

最简单的可以通过CSS来设置省略号,
鼠标移上全部显示用ToolTip,
1.CSS:
<style type="text/css">
.mlength
{
display: block;
width: 100px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
</style>

2.设置GeidView某一字段为模板列并设置css,如:
<asp:Label ID="Label1" runat="server"title='<%# Eval("字段") %>'Text='<%# Eval("字段") %>' CssClass="mlength"></asp:Label>