效果咱就不展示了,字面已经表达很清楚了。
首先IE8下面的写法,很简单
<style type="text/css">
.content{
width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin:0 auto;
text-decoration: none;
float:left;
}
</style>
下面是在需要的列上指向这个样式即可,例如
<asp:BoundField DataField="BusinessScope" HeaderText="经营范围" ReadOnly="True" ItemStyle-CssClass="content" />
如果是IE6,IE7,则上面没有效果
样式不变,变的底下,因为asp:BoundField最后会变成TD,TD这东西真是麻烦
先看实现的
<asp:TemplateField HeaderText="经营范围">
<ItemTemplate>
<asp:Label ID="lblBusinessScope" runat="server" ToolTip='<%#Eval("BusinessScope") %>' CssClass="content"><%#Eval("BusinessScope")%></asp:Label>
</ItemTemplate>
</asp:TemplateField>
将其替换上面那个即可。
听说还有一种方法
这个指定TABLE,即asp:GridView(这个最后会生成TABLE
.gv
{
width:100%;table-layout: fixed;
}
这个指定TD(即各个字段)
.contentTd{
width:200px; overflow:hidden; text-overflow:ellipsis; white-space:pre; margin:0 auto;
}
例如:
<asp:GridView ID="gvCust" runat="server" AutoGenerateColumns="False" DataKeyNames="CustId" CssClass="gv"
这个会出现一个问题,就是第一页(加入是分页,别的没测试过),这个生成的表格会拉伸到最底部,而不是你预期想的只是那么大。
不过点击下一页,那么又变成你所满足的了,你想要的字段就显示在一行,多余的全部变...
再加上<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>和<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate> </ContentTemplate>
</asp:UpdatePanel>
那么真个页面就感觉不动似得,太完美了。用户体验超好。
可惜第一页是那样子,暂时无法解决。
以及听说使用UpdatePanel 性能很差,不晓得差在哪里。
我这边2W多条数据做分页,差出速度还是不错的。
分享到:
相关推荐
html单元格显示不下的文本用省略号代替,并且鼠标悬停在单元格下面用div显示该单元格的全部文本信息。
wpf Textblock 文字过长时,中间用省略号代替。有好的方法,请回复
实现方法:效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。实现方法:效果如图:适用范围:该方法适用范围广,但文字未
js 将多出的字符串用省略号代替 不是一般的那样获取字符串长度和字符字节来判断哦 ^_^ ;基本思路 ;很简单
CSS实现不换行/自动换行/文本超出隐藏显示省略号;自动换行,强制不换行,单行文本不换行多余文本显示省略号,第n行显示省略号,亲测有效。
CSS实现超长字段用省略号代替 td的属性中注意nowrap有效不能设置width,但是可以设置table的width
CSS实现单行、多行文本溢出显示省略号(…)示例文档,自行下载查看
CSS 省略号 完美解决 鼠标放上显示不能看部分的内容
多行文本溢出显示省略号
8.如何用省略号显示字符串的其余部分?(Visual C++编程 源代码)8.如何用省略号显示字符串的其余部分?(Visual C++编程 源代码)8.如何用省略号显示字符串的其余部分?(Visual C++编程 源代码)8.如何用省略号...
HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号,但鼠标可以选择文字,酷吧……
主要介绍了微信小程序实现指定显示行数多余文字去掉用省略号代替的方法,需要的朋友可以参考下
话不多说,我们直接看代码 <!DOCTYPE ...<... <head>...超过的文字用省略号代替的js写法</title> </head> <bo
css文本显示省略号 如果不适应sass 需要把@extend .text-webkit-box替换为.text-webkit-box里面的内容
NULL 博文链接:https://obacow.iteye.com/blog/1679277
2.超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息? 文字在超出长度时,如何实现用省略号代替? 用CSS实现超长字段用省略号表示的方法:所有浏览器兼容! html代码如下: 用CSS实现...
带省略号显示的CStatic控件,扩展自CWnd类,能使用省略号方式按需显示长路径,按需设置格式。
主要介绍了CSS超出文本指定宽度用省略号代替和文本不换行的相关资料,小编觉的实用性非常,特此分享到脚本之家平台,供大家参考
//溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? 超出两行隐藏: css3解决了这个问题,解决方法如下: display:-webkit-box; //将对象作为...