Isonjululwe: ubude bombhalo olinganiselweyo

Ingxaki engundoqo enxulumene nobude bomda wokubhaliweyo kukuba inokukhokelela kwimiyalezo efinyeziweyo okanye engaphelelanga. Oku kunokuba yingxaki ngakumbi kwiimeko apho isicatshulwa esiboniswayo sibalulekile okanye siqulethe ulwazi olubalulekileyo. Ukuba isicatshulwa side kakhulu, siya kunqunyulwa kwaye singabi nangqiqo xa sifundwa ngumsebenzisi. Ukongezelela, ukuba isicatshulwa sichetyiwe, sisenokungayidluliseli intsingiselo yaso yaye sinokukhokelela ekubhidekeni okanye ekutolikweni phosakeleyo.

<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 mgca umisela obona bubanzi bobubanzi bobude bube yi-100px:
``
5. Esi sisivakalisi esiya kulinganiselwa kwiimpawu ezili-100 kwaye siboniswe ngaphakathi kwendawo yespan echazwe ngasentla:
`Esi sisivakalisi eside esiza kulinganiselwa kwiimpawu ezili-100.

Yintoni 'i-Span' kwi-HTML

I-HTML isiqalelo sisetyenziselwa ukwenza amaqela e-inline-elementi kuxwebhu. Inika indlela yokongeza ulwakhiwo ngaphakathi koxwebhu, ikuvumela ukuba udibanise amalungu kunye kwaye usebenzise izimbo, uyilo, kunye neempawu kwizinto ezidityanisiweyo. Isiqalelo se-span sisiqalelo esingaphakathi kwaye awazisi umgca omtsha okanye isiqalelo somgangatho webhloko kuxwebhu.

Ndikwenza umda njani okubhaliweyo ngexesha

Unganciphisa okubhaliweyo kwisiqalelo sespan kwi-HTML ngokusebenzisa ipropati yobubanzi obukhulu be-CSS. Le mpahla ikuvumela ukuba usete ubuninzi bobubanzi bento, kwaye nakuphi na okubhaliweyo okugqithe kobu bubanzi kuya kucuthwa. Ukusebenzisa le mpahla, yongeze kwiphepha lesimbo le-CSS kwaye ulisete kububanzi obufunekayo:

ixesha {
ubukhulu bobubanzi: 200px;
}

Oku kuyakunqanda naziphi na iimpawu zespan kwiphepha lakho ukuya kubuninzi obungama-200px ububanzi. Nawuphi na umbhalo ogqithe kobu bubanzi uya kunqunyulwa ngeellipsis (…).

Izithuba ezihambelanayo:

Shiya Comment