Solvita: span limo tekstolongo

La ĉefa problemo rilate al span limo tekstolongo estas ke ĝi povas konduki al detranĉitaj aŭ nekompletaj mesaĝoj. Ĉi tio povas esti precipe problema en kazoj kie la teksto montrata estas grava aŭ enhavas esencajn informojn. Se la teksto estas tro longa, ĝi estos fortranĉita kaj eble ne havos sencon kiam legita de la uzanto. Aldone, se la teksto estas stumpigita, ĝi eble ne transdonas sian celitan signifon kaj povus konduki al konfuzo aŭ misinterpreto.

<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. Ĉi tiu linio fiksas la maksimuman larĝon de la interspaco al 100px:
``
5. Ĉi tio estas frazo, kiu estos limigita al 100 signoj kaj montrata en la supra elemento difinita:
`Ĉi tio estas longa frazo, kiu estos limigita al 100 signoj.

Kio Estas 'Span' en HTML

La HTML elemento estas uzata por grupigi enliniajn elementojn en dokumento. Ĝi provizas manieron aldoni strukturon ene de dokumento, ebligante vin grupigi elementojn kaj apliki stilojn, aranĝon kaj atributojn al la grupigitaj elementoj. La span elemento estas enlinia elemento kaj ne enkondukas novan linion aŭ bloknivelan elementon en la dokumenton.

Kiel mi limigas tekston en interspaco

Vi povas limigi la tekston en span elemento en HTML uzante la CSS-max-width posedaĵon. Ĉi tiu posedaĵo permesas al vi agordi maksimuman larĝon por elemento, kaj ajna teksto kiu superas ĉi tiun larĝon estos detranĉita. Por uzi ĉi tiun posedaĵon, aldonu ĝin al via CSS-stilfolio kaj agordu ĝin al la dezirata maksimuma larĝo:

span {
maks-larĝo: 200px;
}

Ĉi tio limigos iujn ajn dajn elementojn sur via paĝo al maksimume 200px larĝa. Ĉiu teksto kiu superas ĉi tiun larĝon estos detranĉita per elipso (...).

Rilataj afiŝoj:

Lasu komenton