Solvut: it-tul tat-test tal-limitu tal-medda

Il-problema ewlenija relatata mat-tul tat-test tal-limitu tal-firxa hija li tista 'twassal għal messaġġi maqtugħin jew mhux kompluti. Dan jista' jkun partikolarment problematiku f'każijiet fejn it-test li qed jintwera huwa importanti jew fih informazzjoni vitali. Jekk it-test ikun twil wisq, jinqata 'u jista' ma jagħmilx sens meta jinqara mill-utent. Barra minn hekk, jekk it-test ikun maqtugħ, jista' ma jwassalx it-tifsira maħsuba tiegħu u jista' jwassal għal konfużjoni jew interpretazzjoni ħażina.

<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. Din il-linja tistabbilixxi l-wisa 'massimu tal-medda għal 100px:
``
5. Din hija sentenza li se tkun limitata għal 100 karattru u murija fl-element tal-firxa definit hawn fuq:
`Din hija sentenza twila li se tkun limitata għal 100 karattru.

X'inhu 'Span' fl-HTML

L-HTML element huwa użat biex jiġbor elementi inline f'dokument. Jipprovdi mod biex iżżid struttura fi ħdan dokument, li jippermettilek tiġbor l-elementi flimkien u tapplika stili, tqassim u attributi għall-elementi raggruppati. L-element span huwa element inline u ma jintroduċix linja ġdida jew element ta 'livell ta' blokk fid-dokument.

Kif nillimita t-test fil-medda

Tista' tillimita t-test f'element span fl-HTML billi tuża l-proprjetà CSS max-width. Din il-proprjetà tippermettilek li tissettja wisa 'massimu għal element, u kwalunkwe test li jaqbeż din il-wisa' jiġi maqtugħ. Biex tuża din il-proprjetà, żidha mal-folja tal-istil CSS tiegħek u poġġiha għall-wisa 'massimu mixtieqa:

span {
wisa 'mass: 200px;
}

Dan se jillimita kwalunkwe element span fuq il-paġna tiegħek għal massimu ta '200px wiesgħa. Kwalunkwe test li jaqbeż din il-wisa' jiġi maqtugħ b'ellipsi (…).

Related postijiet:

Kumment