過度に長い文字列を表示する Web コントロールを自動的に処理する

1 行に 1 段落の説明文を表示する必要があることがよくありますが、Web ページの幅が不確実であるため、幅を任意に調整すると、テキストがページからはみ出したり、複数行に分かれたりすることがよくあります。 CSS を使用すると、幅を 1 行に制限し、余分な文字を非表示にすることができます。便宜上、小さな Web コントロールに作成されて使用されます。
システムを使用する;
System.Web.UI を使用します。
System.Web.UI.WebControls を使用します。
System.ComponentModel

名前空間

{
/**//// <概要>
/// AutoLabel の概要説明。
/// </概要>
[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["オーバーフロー"] = "非表示";
this.Attributes.CssStyle["text-overflow"] = "省略記号";
}
}
}
AutoLabel は Label コントロールから継承され、デフォルトの幅は「100%」です。AutoLabel がコンテナ クラス要素に配置されると、そのコンテンツの幅はコンテナ サイズによって自動的に調整されます。 「...」記号が AutoLabel に表示され、その上にマウスを置くと、そのツールチップに完全なコンテンツが自動的に表示されます。 以下に示すように: