Kuxazululiwe: ubude bombhalo obunomkhawulo we-span

Inkinga enkulu ehlobene nobude bombhalo obunomkhawulo we-span ukuthi ingaholela emilayezweni efinyeziwe noma engaphelele. Lokhu kungaba yinkinga ikakhulukazi ezimeni lapho umbhalo ovezwayo ubalulekile noma uqukethe ulwazi olubalulekile. Uma umbhalo umude kakhulu, uzonqanyulwa futhi ungase ungabi nengqondo lapho ufundwa umsebenzisi. Ukwengeza, uma umbhalo ufinyeziwe, ungase ungadluliseli incazelo yawo futhi ungase ubangele ukudideka noma ukuhunyushwa ngokungeyikho.

<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>

1. Lo mugqa usetha ububanzi bomkhawulo we-span bube ngu-100px:
``
5. Lona umusho ozokhawulelwa ezinhlamvini eziyi-100 futhi uboniswe ngaphakathi kwesici se-span esichazwe ngenhla:
`Lona umusho omude ozokhawulelwa ezinhlamvu eziyi-100.

Iyini 'Span' ku-HTML

I-HTML i-elementi isetshenziselwa ukuqoqa izingxenye ezingaphakathi komugqa kudokhumenti. Inikeza indlela yokwengeza isakhiwo ngaphakathi kwedokhumenti, ikuvumela ukuthi uqoqe izici ndawonye futhi usebenzise izitayela, isakhiwo, kanye nezibaluli ezicini eziqoqwe. Isici se-span siyisici esisemgqeni futhi awethuli umugqa omusha noma ingxenye yeleveli yokuvimba kudokhumenti.

Ngiwukhawulela kanjani umbhalo nge-span

Ungakwazi ukukhawulela umbhalo engxenyeni ye-span ku-HTML ngokusebenzisa isici sobubanzi obukhulu be-CSS. Lesi sici sikuvumela ukuthi usethe ububanzi obukhulu bento ethile, futhi noma yimuphi umbhalo oweqa lobu bubanzi uzoncishiswa. Ukuze usebenzise lesi sici, singeze eshidini lakho lesitayela le-CSS futhi usibeke kububanzi obubekiwe obufunekayo:

i-span {
ubukhulu bobubanzi: 200px;
}

Lokhu kuzokhawulela noma yiziphi izici ze-span ekhasini lakho ukuthi zibe ubuningi obungu-200px ububanzi. Noma yimuphi umbhalo oweqa lobu bubanzi uzonqanyulwa nge-ellipsis (…).

Okuthunyelwe okuhlobene:

Shiya amazwana