Главни проблем везан за дужину текста ограничења распона је тај што може довести до скраћених или непотпуних порука. Ово може бити посебно проблематично у случајевима када је текст који се приказује важан или садржи виталне информације. Ако је текст предугачак, биће одсечен и можда неће имати смисла када га корисник прочита. Поред тога, ако је текст скраћен, можда неће пренети своје намеравано значење и може довести до забуне или погрешног тумачења.
<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. Ова линија поставља максималну ширину распона на 100 пиксела:
`
Шта је 'Спан' у ХТМЛ-у?
ХТМЛ елемент се користи за груписање инлине елемената у документу. Пружа начин за додавање структуре унутар документа, омогућавајући вам да групишете елементе заједно и примените стилове, изглед и атрибуте на груписане елементе. Елемент спан је инлине елемент и не уводи нови елемент на нивоу реда или блока у документ.
Како да ограничим текст у распону
Можете ограничити текст у елементу спан у ХТМЛ-у користећи ЦСС својство максималне ширине. Ово својство вам омогућава да поставите максималну ширину за елемент, а сваки текст који премашује ову ширину биће скраћен. Да бисте користили ово својство, додајте га у своју ЦСС листу стилова и поставите је на жељену максималну ширину:
распон {
мак-видтх: 200пк;
}
Ово ће ограничити све елементе распона на вашој страници на максимално 200 пиксела ширине. Сваки текст који премашује ову ширину биће скраћен троточком (…).