An warware: iyakacin tsayin rubutu

Babban matsalar da ke da alaƙa da iyakacin tsayin rubutu shine cewa yana iya haifar da guntu ko saƙon da bai cika ba. Wannan na iya zama matsala musamman a lokuta da rubutun da ake nunawa yana da mahimmanci ko ya ƙunshi mahimman bayanai. Idan rubutun ya yi tsayi da yawa, za a yanke shi kuma maiyuwa ba zai yi ma'ana ba idan mai amfani ya karanta shi. Bugu da ƙari, idan an datse rubutun, maiyuwa ba zai iya isar da ma'anarsa ba kuma yana iya haifar da ruɗani ko rashin fahimta.

<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. Wannan layin yana saita iyakar nisa zuwa 100px:
``
5. Wannan jimla ce da za ta iyakance ga haruffa 100 kuma za a nuna a cikin tazarar da aka ayyana a sama:
'Wannan jumla ce mai tsayi wacce za ta iyakance ga haruffa 100.

Menene 'Span' a cikin HTML

HTML da Ana amfani da kashi don tara abubuwan da ke cikin layi a cikin takarda. Yana ba da hanya don ƙara tsari a cikin daftarin aiki, yana ba ku damar haɗa abubuwa tare da amfani da salo, shimfidawa, da halayen abubuwan da aka haɗa su. Matsakaicin kashi kashi ne na layi kuma baya gabatar da sabon layi ko matakin toshewa cikin takaddar.

Ta yaya zan iyakance rubutu a taƙaice

Kuna iya iyakance rubutun a cikin tazara a cikin HTML ta amfani da kadara mafi girman girman girman CSS. Wannan kadarorin yana ba ku damar saita matsakaicin faɗin don kashi, kuma duk rubutun da ya wuce wannan faɗin za a yanke shi. Don amfani da wannan kadarorin, ƙara ta zuwa tsarin salon ku na CSS kuma saita shi zuwa iyakar faɗin da ake so:

tsawon {
max-nisa: 200px;
}

Wannan zai iyakance kowane abubuwan tazara akan shafinku zuwa iyakar faɗin 200px. Duk rubutun da ya wuce wannan faɗin za a datse shi da ellipsis (...).