Овај чланак ће илустровати метод за примену „бреак-инсиде“ при лебдењу у Таилвинд ЦСС-у.
Како применити „бреак-инсиде“ на Ховер у Таилвинд-у?
Да бисте применили „бреак-инсиде“ при лебдењу у Таилвинд-у, користите својство „ховер“ са специфичним услужним програмом „бреак-инсиде“ на жељеним елементима у ХТМЛ програму. Затим погледајте веб страницу за верификацију.
За практичну демонстрацију, испробајте доле наведене кораке:
Корак 1: Користите својство Ховер са услужним програмом „бреак-инсиде“.
Направите ХТМЛ програм и користите „ лебдети ” својство са жељеним услужним програмом „бреак-инсиде“. На пример, користили смо својство лебдења са „ бреак-инсиде-аоид-цолумн ” услужни програм за избегавање прекида колоне унутар <п> елемента при лебдењу:
< тело >
< див класа = 'колоне-2 бг-жуто-500' >
< стр > Здраво. Добродошао овде.... < / стр >
< стр класа = 'ховер:бреак-инсиде-аоид-цолумн' >
Користите услужне програме бреак-инсиде да контролишете како а
прелом странице или колоне треба да се понаша унутар елемента... < / стр >
< стр > Сазнајте више о Таилвинд ЦСС-у... < / стр >
< стр > Здраво... < / стр >
< / див >
< / тело >
овде:
- “ колоне-2 ” класа се користи за поделу <див> у две колоне.
- “ бг-жуто-500 ” класа поставља жуту боју на позадину <див>.
- “ ховер:бреак-инсиде-аоид-цолумн ” класа у елементу <п> означава да када се показивач миша пређе изнад, прелом колоне треба избегавати унутар <п> елемента.
Корак 2: Проверите излаз
Да бисте проверили да ли је услужни програм „бреак-инсиде-авоид-цолумн“ успешно примењен при лебдењу, погледајте ХТМЛ веб страницу:
Горњи излаз показује да када је корисник задржао показивач изнад жељеног елемента, прелом колоне унутар елемента је избегнут. Ово указује на то да је „бреак-инсиде-аоид-цолумн“ успешно примењен на елемент при лебдењу према којем је наведен.
Закључак
Да бисте применили „бреак-инсиде“ при лебдењу у Таилвинд-у, користите „ лебдети ” својство са жељеним “ провала унутра ” услужни програм у ХТМЛ програму. Својство лебдења може се користити са било којим елементом. За верификацију погледајте веб страницу. Овај чланак је објаснио метод примене „бреак-инсиде“ при лебдењу у Таилвинд ЦСС-у.