Dambudziko guru rine chekuita nespan limit text kureba nderekuti rinogona kutungamira kune truncated kana kusakwana meseji. Izvi zvinogona kunyanya kunetsa mumamiriro ezvinhu apo mavara ari kuratidzwa akakosha kana ane ruzivo rwakakosha. Kana mashoko acho akareba, anodimburwa uye anogona kunge asina musoro paanoverengwa nemushandisi. Uyezve, kana mashoko acho akadimburirwa, angasabudisa zvaanoreva uye zvingakonzera kuvhiringika kana kududzirwa zvisiri izvo.
<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. Mutsetse uyu unoisa hurefu hwehupamhi hwenguva kusvika 100px:
`
Chii chinonzi 'Span' muHTML
Iyo HTML chinhu chinoshandiswa kuunganidza inline-elementi mugwaro. Inopa nzira yekuwedzera chimiro mukati megwaro, ichikubvumidza kuti uunganidze zvinhu pamwe chete uye kushandisa masitayera, marongerwo, uye hunhu kune zvakaunganidzwa zvinhu. Iyo span element inline element uye haiunzi mutsara mutsva kana block-level element mugwaro.
Ini ndinoganhurira sei mameseji mukati menguva
Iwe unogona kudzikamisa zvinyorwa mune span element muHTML nekushandisa iyo CSS max-width pfuma. Ichi chivakwa chinokutendera kuti uise hupamhi hwepamusoro hwechinhu, uye chero chinyorwa chinodarika hupamhi uhwu chichaderedzwa. Kuti ushandise ichi chivakwa, chiwedzere kune yako CSS stylesheet uye uise kune yaunoda hupamhi hwepamusoro:
kureba {
hukuru-hupamhi: 200px;
}
Izvi zvinomisa chero zvinhu zvepa span pane peji rako kusvika pahupamhi hwe200px. Chero mavara anodarika hupamhi uhwu achadimurwa neellipsis (…).
