Kita sering kali perlu menampilkan satu paragraf teks penjelasan dalam satu baris, dan karena ketidakpastian lebar halaman Web, ketika kita menyesuaikan lebarnya secara sembarangan, teks sering kali melebar keluar halaman atau pecah menjadi beberapa baris. Dengan menggunakan CSS kita dapat membatasi lebarnya menjadi satu baris dan menyembunyikan karakter tambahan. Untuk kenyamanan, ini dibuat menjadi kontrol Web kecil untuk digunakan.
menggunakan Sistem;
menggunakan Sistem.Web.UI;
menggunakan Sistem.Web.UI.WebControls;
menggunakan System.ComponentModel;
namespace cnblogs.birdshome.WebControls
{
/**//// <ringkasan>
/// Deskripsi ringkasan untuk AutoLabel.
/// </ringkasan>
[Properti Default("Teks"),
ToolboxData("<{0}:AutoLabel runat=server></{0}:AutoLabel>")]
LabelOtomatis kelas publik : Sistem.Web.UI.WebControls.Label
{
penggantian yang dilindungi batal CreateChildControls()
{
base.CreateChildControls();
this.Lebar = Satuan.Persentase(100);
this.Attributes["onmouseover"] =
"jika ( this.clientWidth < this.scrollWidth ) this.title = this.innerText; else this.title = '';";
this.Attributes.CssStyle["spasi putih"] = "nowrap";
this.Attributes.CssStyle["overflow"] = "tersembunyi";
this.Attributes.CssStyle["text-overflow"] = "elipsis";
}
}
}
AutoLabel diwarisi dari kontrol Label, dan lebar defaultnya adalah "100%". Saat AutoLabel ditempatkan di elemen kelas kontainer, lebar kontennya secara otomatis disesuaikan dengan ukuran kontainer. Dan ketika tanda "..." muncul di AutoLabel, dan mouse diletakkan di atasnya, ToolTip-nya akan otomatis menampilkan konten lengkap. Seperti yang ditunjukkan di bawah ini: 