zoukankan
html css js c++ java
自动处理过长字符串显示的Web控件
我们很多时候需要在一行上显示一段说明文字,而由于Web页面宽度的不确定性,我们任意调节其宽度后,常常搞得文字撑出页面或者折成好多行
。通过使用CSS,我们可以限制为一行的宽度,并使多余的字符隐藏。为了方便,做成一个小Web控件来使用。
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
"
;
}
}
}
AutoLabel继承至Label控件,默认宽度为"100%",当把AutoLabel放入容器类元素中后,其内容的宽度受容器大小自动调整。并且当AutoLabel出现"..."号后,鼠标放在上面,其ToolTip会自动显示器完整内容。 如下图:
查看全文
相关阅读:
mac下安装oracle客户端
Mac下安装tomcat
eclipse上Git使用
深拷贝1兼容多构造函数
Oracle查询表大小,更新或查询太慢的时候
Redis弱密码修改
学习参考
c#简单类型转换As<T>
NPM相关
java项目和npm项目命令窗口部署方便调试
原文地址:https://www.cnblogs.com/levin/p/575030.html
最新文章
我爱淘冲刺阶段站立会议2每天任务5
我爱淘冲刺阶段站立会议2每天任务4
我爱淘冲刺阶段站立会议2每天任务3
个人总结
第十六周学习进度表
构建之法阅读笔记06
构建之法阅读笔记05
第十五周学习进度表
冲刺第二阶段工作总结10
冲刺第二阶段工作总结09
热门文章
第十四周学习进度表
冲刺第二阶段工作总结08
冲刺第二阶段工作总结07
阿里云服务器Linux环境搭建(jdk-tomcat-maven-vsftpd-nginx-mysql)
Linux下安装maven
Linux下安装Tomcat
Linux下安装jdk
Linux下mysql的安装配置
Redhat5.8以光盘、镜像文件配置yum
mac终端下ssh虚拟机中的linux提示WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
Copyright © 2011-2022 走看看