ХТМЛ скрол поље је кутија која додаје скролске траке са десне стране и дна када је садржај кутије већи од димензија кутије. Другим речима, ако имате кутију која може да стане око 50 речи и имате текст од 200 речи, ХТМЛ скрол поље ће ставити траке за помицање да би вам омогућили да видите додатних 150 речи. У стандардном ХТМЛ-у који једноставно помера додатни текст ван кутије.
Прављење ХТМЛ-скретања је прилично једноставно. Само треба да подесите ширину и висину елемента који желите да померите, а затим користите својство преливања ЦСС-а како бисте подесили како желите да дође до скроловања.
Шта радити са додатним текстом?
Када имате више текстова него што ће се уклапати у простор на вашем распореду, имате неколико опција:
- Преправите текст тако да је краћи и одговара.
- Дозволите тексту да излази изван граница и надати се да се изглед може флексибилно подржати.
- Пресећи текст где се прелива.
- Додајте траке за помицање (обично вертикално за текст), тако да се свитак помера да прикаже додатни текст.
Најбоља опција је типично последња опција: креирајте скроловање текста. Затим се и даље може читати додатни текст, али ваш дизајн није компромитован.
ХТМЛ и ЦСС за ово би били:
Тхе
прелив: ауто;
говори претраживачу да дода траке за помицање ако су потребне да би текст задржао преливање граница див. Али како би ово функционисало, требају вам и карактеристике стила ширине и висине постављене на диву, тако да постоје границе преливања.
Такође можете прекинути текст променом прелива: ауто; преливати: скривено ;. Ако изоставите својство преливања, текст ће се просути преко граница див.
Можете додати палете за помицање на више од текста
Ако имате велику слику коју желите да прикажете у мањим просторима, можете га додати на исти начин као и текстом.
У овом примеру, слика 400к509 је унутар 300к300 параграфа. Дугачке информације могу врло тешко читати врло брзо, али стављајући их унутар ограничене величине, а затим додајући својство преливања, можете генерирати таблице са пуно података које не узимају екстремни простор на вашој страници . Најлакши начин је сличан као код слика и текста, само додајте див око табеле, поставите ширину и висину тог дива и додајте својство преливања: Једна ствар која се дешава када то учините је хоризонтална трака за помицање која се обично појављује јер претраживач претпоставља да се хром скролских трака преклапа са табелом. Постоји много начина да ово поправите од промене ширине табеле и других. Али мој омиљени је једноставно искључити хоризонтално помицање помоћу ЦСС 3 особине прелив-к . Само додај оверфлов-к: скривено; на див, а то ће уклонити хоризонталну траку за померање. Обавезно проверите ово, јер можда постоји садржај који нестаје.
Табеле могу имати користи од трака за померање
Име Телефон Јеннифер 502-5366
