自动处理过长字符串显示的Web控件
发布日期:2021-09-08 15:09:19
浏览次数:6
分类:技术文章
本文共 1080 字,大约阅读时间需要 3 分钟。
我们很多时候需要在一行上显示一段说明文字,而由于Web页面宽度的不确定性,我们任意调节其宽度后,常常搞得文字撑出页面或者折成好多行 。通过使用CSS,我们可以限制为一行的宽度,并使多余的字符隐藏。为了方便,做成一个小Web控件来使用。 AutoLabel继承至Label控件,默认宽度为"100%",当把AutoLabel放入容器类元素中后,其内容的宽度受容器大小自动调整。并且当AutoLabel出现"..."号后,鼠标放在上面,其ToolTip会自动显示器完整内容。 如下图:
using System; using System.Web.UI; using System.Web.UI.WebControls; using System.ComponentModel; namespace cnblogs.birdshome.WebControls { /**/ /// <summary> /// Summary description for AutoLabel. /// </summary> [DefaultProperty("Text"), ToolboxData("<{0}:AutoLabel runat=server></{0}:AutoLabel>")] public class AutoLabel : System.Web.UI.WebControls.Label { protected override void CreateChildControls() { base.CreateChildControls (); this.Width = Unit.Percentage(100); this.Attributes["onmouseover"] = "if ( this.clientWidth < this.scrollWidth ) this.title = this.innerText; else this.title = '';"; this.Attributes.CssStyle["white-space"] = "nowrap"; this.Attributes.CssStyle["overflow"] = "hidden"; this.Attributes.CssStyle["text-overflow"] = "ellipsis"; } } }
enjoy it!
本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。
转载地址:https://blog.csdn.net/weixin_34326429/article/details/90187976 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年04月08日 02时04分52秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
学不下去了怎么办?
2019-04-27
二叉树的前中后序遍历(迭代法)(带动画)
2019-04-27
【小技巧】【XShell】【Xftp】Windows桌面与Linux虚拟机互传文件
2019-04-27
【redis入门】Centos下安装redis
2019-04-27
【redis入门】redis安装后相关知识串讲
2019-04-27
【redis】来吧,展示一下redis 发布-订阅模式
2019-04-27
当下热点词再学:redis缓存预热、更新、降级,限流
2019-04-27
【redis6.0.6】redis源码慢慢学,慢慢看 -- 第五天:adlist
2019-04-27
别抖,OK? 操作系统抖动现象、网络抖动与延迟、函数抖动之防抖与节流,串讲
2019-04-27
通过域名获取主机IP -- struct addrinfo
2019-04-27
【C++】算法集锦(8):从两数和问题拓展到一百数和问题
2019-04-27
【C++】算法集锦(9):背包问题
2019-04-27
【C++】算法集锦(10)通俗讲kmp算法
2019-04-27
【C++】算法集锦(12):高楼扔鸡蛋
2019-04-27
【图解】拥塞控制
2019-04-27
线程上下文切换
2019-04-27
什么是服务熔断?
2019-04-27