Съдържание:

Как използвате Flexbox и мрежа?
Как използвате Flexbox и мрежа?

Видео: Как използвате Flexbox и мрежа?

Видео: Как използвате Flexbox и мрежа?
Видео: Шпакловане с гипсова мазилка и мрежа - армирана мазилка - Строителство и ремонти 2024, Ноември
Anonim

Откакто подреждаме елементи като редове и колони в мрежата използван таблици за оформление. И двете flexbox и мрежа се основават на тази концепция. Flexbox е най-доброто за подреждане на елементи в един ред или в една колона. Решетка е най-подходящ за подреждане на елементи в множество редове и колони.

Впоследствие някой може също да попита, можете ли да използвате Flexbox и мрежата заедно?

Предимно не Решетка е много по-нова от Flexbox и има малко по-малко поддръжка на браузъра. Те мога работа заедно : а мрежа вещ мога бъде а flexbox контейнер. А огъване вещ мога бъде а мрежа контейнер.

По същия начин CSS мрежата по-добра ли е от Flexbox? CSS мрежи са за 2D оформления. Работи както с редове, така и с колони. Flexbox върши работа По-добре само в едно измерение (редове ИЛИ колони). Ще бъде Повече ▼ спестява време и е полезно, ако използвате и двете едновременно.

Съответно, какво е Flexbox grid?

Flexbox е направен за едномерни оформления и Решетка е направен за двумерни оформления. Това означава, че ако подреждате елементи в една посока (например три бутона в заглавка), тогава трябва да използвате Flexbox : Ще ви даде повече гъвкавост от CSS Решетка.

Кога не трябва да използвате Flexbox?

Кога да не се използва flexbox

  1. Не използвайте flexbox за оформление на страницата. Основна мрежова система, използваща проценти, максимални ширини и медийни заявки, е много по-безопасен подход за създаване на адаптивни оформления на страници.
  2. Не добавяйте display:flex; към всеки отделен контейнер div.
  3. Не използвайте flexbox, ако имате много трафик от IE8 и IE9.

Препоръчано: