Мазмұны:

Flexbox пен торды қалай пайдаланасыз?
Flexbox пен торды қалай пайдаланасыз?

Бейне: Flexbox пен торды қалай пайдаланасыз?

Бейне: Flexbox пен торды қалай пайдаланасыз?
Бейне: CSS Flexbox - Часть 4 - Вёрстка и примеры использования 2024, Мамыр
Anonim

Біз элементтерді желіде жолдар мен бағандар ретінде реттеп келеміз пайдаланылады орналасуға арналған кестелер. Екеуі де flexbox және тор осы тұжырымдамаға негізделген. Flexbox элементтерді бір жолға немесе бір бағанға орналастыру үшін ең қолайлы. Тор бірнеше жолдар мен бағандардағы элементтерді орналастыру үшін ең қолайлы.

Кейіннен Flexbox пен торды бірге пайдалана аласыз ба?

Көбінесе Жоқ. Тор қарағанда әлдеқайда жаңа Flexbox және шолғышты қолдауы сәл аз. Олар алады жұмыс бірге : а тор элемент алады болу а flexbox контейнер. А иілу элемент алады болу а тор контейнер.

Сол сияқты, CSS торы Flexbox-қа қарағанда жақсы ма? CSS торлары 2D орналасуларына арналған. Ол жолдармен де, бағандармен де жұмыс істейді. Flexbox жұмыс істейді жақсырақ тек бір өлшемде (немесе жолдар НЕМЕСЕ бағандар). Ол болады Көбірек уақытты үнемдейді және екеуін бір уақытта пайдалансаңыз пайдалы.

Сәйкесінше, Flexbox торы дегеніміз не?

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

Flexbox-ты қашан қолданбау керек?

Flexbox қолданбасы қашан

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

Ұсынылған: