Како применити тачке прекида и медијске упите са „јустифи-цонтент“ у Таилвинд-у?

Овај чланак ће дати пример методе примене тачака прекида и медијских упита на услужне програме „јустифи-цонтент“ у Таилвинду.

Како применити тачке прекида и медијске упите са „јустифи-цонтент“ у Таилвинд-у?

Да бисте применили одређене тачке прекида и медијске упите на услужне програме „јустифи-цонтент“ у Таилвинд-у, креирајте ХТМЛ структуру. Затим дефинишите жељену вредност за „оправдати-<вредност>” услужни програм за различите величине екрана користећи „ доктор медицине ” или “ лг ” тачке прекида. Затим промените величину екрана веб странице за верификацију.

Пример
У доњем примеру имамо флекс контејнер са својством „јустифи-старт“. Користићемо „ доктор медицине ” тачка прекида са „оправдање између” корисност и “ лг ” тачка прекида са “оправдани крај” корисност у “<див>” елемент да промени хоризонтално поравнање својих ставки на средњој и великој величини екрана:

овде:

• „оправда-почни” класа поравнава флек ставке на почетку главне осе контејнера.
• “мд: оправдати-између” класа дистрибуира флек ставке дуж главне осе контејнера са једнаким размаком између њих на средњој величини екрана.
• “лг:јустифи-енд” цласс поравнава флекс ставке на крају главне осе контејнера на великом екрану.

Излаз

Горњи излаз показује да се хоризонтално поравнање флек ставки мења како величина екрана варира. Ово указује да су наведене тачке прекида и медијски упити ефикасно примењени помоћу услужног програма „јустифи-цонтент“.

Закључак

За примену тачака прекида и медијских упита са услужним програмима „јустифи-цонтент“ у Таилвинд-у, дефинишите жељену вредност за „оправдати-<вредност>” услужни програм за различите величине екрана коришћењем „ доктор медицине ” или “ лг ” тачке прекида. За верификацију, промените величину екрана веб странице и обезбедите промене. Овај чланак је демонстрирао пример примене жељених тачака прекида и медијских упита на услужне програме „јустифи-цонтент“ у Таилвинду.