설명 텍스트 단락을 한 줄에 표시해야 하는 경우가 종종 있으며, 웹 페이지 너비의 불확실성으로 인해 너비를 임의로 조정하면 텍스트가 페이지 밖으로 늘어나거나 여러 줄로 나뉘는 경우가 많습니다. CSS를 사용하면 너비를 한 줄로 제한하고 추가 문자를 숨길 수 있습니다. 편의상 작은 웹 컨트롤로 만들어서 사용합니다.
시스템 사용;
System.Web.UI 사용;
System.Web.UI.WebControls 사용;
System.ComponentModel 사용;
네임스페이스 cnblogs.birdshome.WebControls
{
/**//// <요약>
/// AutoLabel에 대한 요약 설명입니다.
/// </summary>
[DefaultProperty("텍스트"),
ToolboxData("<{0}:AutoLabel runat=server></{0}:AutoLabel>")]
공개 클래스 AutoLabel : System.Web.UI.WebControls.Label
{
보호된 재정의 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"] = "숨김";
this.Attributes.CssStyle["text-overflow"] = "줄임표";
}
}
}
AutoLabel은 Label 컨트롤에서 상속되며 기본 너비는 "100%"입니다. AutoLabel이 컨테이너 클래스 요소에 배치되면 해당 내용의 너비가 컨테이너 크기에 따라 자동으로 조정됩니다. AutoLabel에 "..." 기호가 나타나고 그 위에 마우스를 놓으면 해당 도구 설명이 자동으로 전체 내용을 표시합니다. 아래와 같이: