Мазмұны:

CSS-те тор макетін қалай жасауға болады?
CSS-те тор макетін қалай жасауға болады?

Бейне: CSS-те тор макетін қалай жасауға болады?

Бейне: CSS-те тор макетін қалай жасауға болады?
Бейне: Тегін сайт жасауды үйреніп алыңыз. Html тілімен танысу 2024, Қараша
Anonim

Төрт маңызды қадамды қайталап көрейік:

  1. Жасау контейнер элементі және оны көрсететінін жариялаңыз: тор ;.
  2. анықтау үшін сол контейнерді пайдаланыңыз тор көмегімен тректер тор - шаблон -бағандар және тор - шаблон -жолдардың қасиеттері.
  3. Контейнер ішіне еншілес элементтерді орналастырыңыз.
  4. көмегімен ағынның өлшемдерін көрсетіңіз тор - бос орындар.

Мен CSS торының орналасуын пайдалана аламын ба?

Internet Explorer браузерінен басқа, CSS торының орналасуы Safari, Chrome, Opera, Firefox және Edge нұсқаларында префикссіз. Осы нұсқаулықтарда егжей-тегжейлі сипатталған барлық сипаттар мен мәндерге қолдау көрсету браузерлерде өзара әрекеттеседі. Бұл дегеніміз, егер сіз біраз жазсаңыз Тор орналасуы Firefox-та код болса, ол Chrome-да бірдей жұмыс істеуі керек.

Оған қоса, Flexbox немесе торды пайдалануым керек пе? Екеуі де flexbox және тор осы тұжырымдамаға негізделген. Flexbox элементтерді бір жолға немесе бір бағанға орналастыру үшін ең қолайлы. Тор бірнеше жолдар мен бағандардағы элементтерді орналастыру үшін ең қолайлы. justify-content қасиеті файлдың қосымша кеңістігін анықтайды иілу -контейнер таратылады иілу -заттар.

Сол сияқты, 1fr деген не?

1fr бір «бөлшек бірлік» болып табылады, бұл «элементтегі қалған бос орын» деп айту тәсілі.

Flexbox торы дегеніміз не?

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

Ұсынылған: