GridView的单元格在内容显示超过长度的时候用省略号 ......
2012-08-31 15:26
211 查看
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>
注意:<td>等块中IE可能不能截断,可外面套层<div>
最简单的可以通过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>
注意:<td>等块中IE可能不能截断,可外面套层<div>
相关文章推荐
- 怎么设置GridView的单元格在内容显示超过长度的时候用省略号代替而不是换行当鼠标移上去的时候将影藏的内容提示出来
- 如何让li中内容显示超过长度后以省略号显示
- CSS实现内容超过长度后以省略号显示
- 内容超过长度后以省略号显示的几种实现方式
- 如何让li中内容显示超过长度后以省略号显示
- 当内容超出最大的长度的时候,使用CSS使文本显示省略号
- gridview某列文本长度超过某值显示省略号
- 绑定gridview单元格内容过长,用tooltip,单元格截取指定长度,鼠标停留时显示全部内容,
- GridView中的每个单元格文本长度的控制,鼠标悬停时,显示单元格所有的内容
- LI中内容超过长度后以省略号显示的方法
- LI中内容超过长度后以省略号显示的方法
- LI中内容超过长度后以省略号显示的方法
- 当单元格中的内容长度大于表列的宽度时显示省略号.
- CSS实现内容超过长度后以省略号显示
- CSS实现内容超过长度后以省略号显示
- 内容超过长度后以省略号显示
- 内容超过长度后以省略号显示的方法
- angularjs如何在ng-repeat过程中控制字符串长度超过指定长度后面内容以省略号显示
- 超过单元格长度的文本用省略号表示,利用title属性实现鼠标移上去会显示全文,但有时候只看到一部分
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?