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