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会自动显示器完整内容。 如下图:
查看全文
相关阅读:
js插件zClip实现复制到剪贴板功能
基于jQuery的滚动条插件-jquery.jscrollbar
jquery mobile 开启开关
html5 中audio 在safari上不支持自动播放
开发人员常用的10个Sublime Text插件
通过padding-bottom或者padding-top实现等比缩放响应式图片
get请求下载json文件正常,但是不弹出status
JSON错误
对象与类
数组(二)
原文地址:https://www.cnblogs.com/levin/p/575030.html
最新文章
面试总结1
忽略this的后果
Ajax浅学习
JSON
页面加载完成后,触发事件——trigger()
事件
JSON
react基础---react全家桶03
react基础---组件02
react基础---组件01
热门文章
前端性能优化
微信小程序学习 一
react基础学习 一
react基础学习 二——生命周期
react基础学习 三
es6的理解
Promise实现ajax
git基于指令新建库
重拾2016
2014年半年小结
Copyright © 2011-2022 走看看