Мазмуну:

Flexbox жана торду кантип колдоносуз?
Flexbox жана торду кантип колдоносуз?

Video: Flexbox жана торду кантип колдоносуз?

Video: Flexbox жана торду кантип колдоносуз?
Video: They AMAZED Me With Their Language Skills! - Omegle 2024, Ноябрь
Anonim

Биз элементтерди интернетте саптар жана мамычалар катары иреттеп келе жатабыз колдонулган жайгаштыруу үчүн столдор. экөө тең flexbox жана тор ушул концепцияга негизделген. Flexbox элементтерди бир катарга же бир тилкеге жайгаштыруу үчүн эң жакшы. Тор элементтерди бир нече катар жана мамычаларга жайгаштыруу үчүн эң жакшы.

Кийинчерээк, сиз Flexbox менен торду чогуу колдоно аласызбы?

Көбүнчө Жок. Тор караганда алда канча жаңы Flexbox жана бир аз азыраак браузер колдоосуна ээ. Алар болот иш бирге : а тор пункт болот болуу а flexbox контейнер. А ийкемдүү пункт болот болуу а тор контейнер.

Ошо сыяктуу эле, Flexbox караганда CSS тор жакшыбы? CSS торлору 2D макеттери үчүн. Ал саптар жана мамычалар менен да иштейт. Flexbox иштейт жакшыраак бир гана өлчөмдө (же саптар ЖЕ мамычалар). Ал болот дагы бир эле учурда экөөнү тең колдонсоңуз, убакытты үнөмдөө жана пайдалуу.

Демек, Flexbox тор деген эмне?

Flexbox бир өлчөмдүү макеттер үчүн жасалган жана Тор эки өлчөмдүү макеттер үчүн жасалган. Бул, эгерде сиз нерселерди бир багытта жайгаштырып жатсаңыз (мисалы, баштын ичиндеги үч баскыч), анда колдонуу керек дегенди билдирет. Flexbox : Бул сизге CSSке караганда көбүрөөк ийкемдүүлүк берет Тор.

Качан Flexbox колдонбошуңуз керек?

Качан flexbox колдонбоо керек

  1. Барактын жайгашуусу үчүн flexbox колдонбоңуз. Проценттерди, максималдуу кеңдикти жана медиа суроо-талаптарды колдонгон негизги тор системасы жооп берүүчү бет макеттерин түзүү үчүн алда канча коопсуз ыкма болуп саналат.
  2. Display:flex кошпоңуз; ар бир контейнерге div.
  3. IE8 жана IE9 трафики көп болсо, flexboxту колдонбоңуз.

Сунушталууда: